search

CougarCS / CougarCS-AdminPortal

Our officer admin portal created with React & Typescript
MIT License
6 stars 12 forks source link

Tweak NavElement Component #22

Closed seesjays closed 1 year ago

seesjays commented 1 year ago

We don't have a good sidebar compared to what we have in our design. "Nav Element A" is actually just some text I put there to test things, so overall it does nothing and looks bad.

image image

Tweak NavElement in /components/sidebar.tsx so that it matches the one we have in our design as close as you can. It should take 2 props: a string name and an onClick function that gets called when a user clicks on the element.

Don't use icons just yet, for now just make sure it has proper styling, an onclick function, and a hover state

image
seesjays commented 1 year ago

Keep in mind by hover state I mean the tailwind should change when you hover over it, not like actual React state. https://tailwindcss.com/docs/hover-focus-and-other-states