-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Tailwind Header #91
base: staging
Are you sure you want to change the base?
Tailwind Header #91
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just two little changes, almost there!
client/src/Components/Header.tsx
Outdated
<Link to="/" onClick={() => handleSetStarPage("/")}><IceCreamLogo />Randomice</Link> | ||
<header className="w-full flex justify-between items-center h-[100px] px-4 mt-4"> | ||
<Link to="/"> | ||
<div className="flex items-center justify-center mb-2"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It looks uneven to have the Randomice text on a different horizontal line than all of the rest of the text in the header. Shall we remove it?
<CartPage /> | ||
<button className="ml-2.5 mr-2.5 hover:underline">login/logout</button> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Pls have only the relevant word visible - either Login or Logout, depending on whether the customer is logged in or not!
Resolves #84 by incorporating Tailwind styling and Navlink from React Router