hasgeek / funnel

Website for hasgeek.com
https://hasgeek.com/
GNU Affero General Public License v3.0
47 stars 52 forks source link

Project page header #2030

Closed anishTP closed 5 months ago

anishTP commented 7 months ago
jace commented 7 months ago

The layout needs cleanup for some cases:

Member box alignment and missing icon for venue:

image

Everything is left aligned when there's no image, but the button's visual alignment is off:

image

Here the colour contrast works in the button's favour, but it needs margin from the text above it. The second button declaring "You are a member" is confusing as it has no relevance to this header:

image
anishTP commented 7 months ago

The layout needs cleanup for some cases:

Member box alignment and missing icon for venue: image

Changed the size of the button to full-width when its the only child. Replaced map-pin with map-marker-alt icon for the venue.

Screenshot 2024-04-29 at 5 11 52 PM

Everything is left aligned when there's no image, but the button's visual alignment is off: image

Added padding to above the button when there is no image and start-date. Also made it full-width when its the only child.

Screenshot 2024-04-29 at 5 10 52 PM

Here the colour contrast works in the button's favour, but it needs margin from the text above it. The second button declaring "You are a member" is confusing as it has no relevance to this header: image

The membership button could be removed since the header already has a label showing membership status. But it is necessary when the user is not a member.

Screenshot 2024-04-29 at 5 10 37 PM