search

omgitsmiles / ctrl-your-finances

Flatiron Hackathon
0 stars 2 forks source link

Navbar Avatar and Styling #40

Closed jgrimes86 closed 7 months ago

jgrimes86 commented 7 months ago

The avatar/icon in the navbar should show the first initial of the logged in user. I think google avatars can be based on a letter input into the icon.

The 'Money Magnet' text needs to be resized to fit the navbar on mobile view.

ALSO: The Navbar dropdown menu and avatar (or maybe even the whole navbar) should not appear on the signup & login pages.

The first (currently blank) dropdown menu should be removed. This will require respacing the other components on the navbar.

omgitsmiles commented 7 months ago

Image

Seeing this on mobile view money magnet text fits in the navbar, do you see a different view? uploaded my view.

I don't under that first dropdown menu comment? Only see one dropdown from the avatar with the MenuItems Dashboard, Account, & Logoout.

peymere commented 7 months ago

I created conditional rendering of the user avatar/menu based on if a user is logged in. i also changed the avatar to display either the first initials of the user or a profile photo, depending on if there is one (google auth will automatically store a photo url linked to the gmail account)

Screen Shot 2024-03-25 at 1 01 08 PM Screen Shot 2024-03-25 at 1 01 48 PM Screen Shot 2024-03-25 at 12 50 25 PM Screen Shot 2024-03-25 at 12 50 39 PM
peymere commented 7 months ago

there are all the use cases for avatar display names