Skip to content

Issue 2 create navbar component#15

Merged
SafetyInObscurity merged 14 commits into
mainfrom
issue-2-Create_navbar_component
Nov 29, 2025
Merged

Issue 2 create navbar component#15
SafetyInObscurity merged 14 commits into
mainfrom
issue-2-Create_navbar_component

Conversation

@saltyypringle

@saltyypringle saltyypringle commented Nov 24, 2025

Copy link
Copy Markdown
Collaborator

Change Summary

  • Created a navbar with responsive design and mobile dropdown menu.
  • Navbar uses the required font, colours, and styling.
  • Colour of the navbar pages changes on hover.
  • Clicking on the logo routes back to the home page.

Change Form

  • The pull request title has an issue number
  • The change works by "Smoke testing" or quick testing
  • The change has tests - not sure what tests to write for a navbar
  • The change has documentation - not sure if anything is needed to document

Other Information

N/A

Related issue

@SafetyInObscurity SafetyInObscurity left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A good start, but there's still some polish to go.

Comment thread client/public/navbar_dropdown_icon.svg Outdated
Comment thread client/public/game_dev_club_logo.svg
Comment thread client/src/pages/index.tsx
Comment thread client/src/components/main/Navbar.tsx Outdated
<>
<header className="fixed left-0 top-0 z-50 w-full border-b border-border/20 bg-[#090A19] font-jersey10">
<div className="mx-auto max-w-[1440px] rounded-[5px] px-20">
<div className="flex h-[104px] items-center justify-between">

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's not much use having these two divs. Their styling can just be applied to the header that contains them.

Comment thread client/src/components/main/Navbar.tsx Outdated
Comment thread client/src/components/main/Navbar.tsx Outdated
Comment thread client/src/components/main/Navbar.tsx Outdated

@samjjacko samjjacko left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!!!!!!

@SafetyInObscurity SafetyInObscurity left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good! Thanks for the hard work!

@SafetyInObscurity SafetyInObscurity merged commit ecc6bc3 into main Nov 29, 2025
5 checks passed
@SafetyInObscurity SafetyInObscurity deleted the issue-2-Create_navbar_component branch November 29, 2025 06:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create navbar component

6 participants