Logo too small and not linked to home page #154

Closed
opened 2026-05-18 09:23:58 -05:00 by null · 0 comments
Owner

Bug / UX

Two issues with the logo in the Header component:

  1. Logo is too small - the h-10 class makes it only 40px tall. On desktop it should be larger (e.g. h-12 or h-14) for better visibility.
  2. Logo is not a home link - the logo/brand text area should link to / (home). Currently it does wrap in a <Link to="/"> but verify this works correctly on all pages.

Location

src/components/layout/Header.jsx - the logo section

Fix

  • Increase logo size to h-12 on desktop (keep h-10 on mobile via responsive class)
  • Confirm the surrounding <Link to="/"> is working and the logo image is clickable
## Bug / UX Two issues with the logo in the Header component: 1. **Logo is too small** - the `h-10` class makes it only 40px tall. On desktop it should be larger (e.g. `h-12` or `h-14`) for better visibility. 2. **Logo is not a home link** - the logo/brand text area should link to `/` (home). Currently it does wrap in a `<Link to="/">` but verify this works correctly on all pages. ## Location `src/components/layout/Header.jsx` - the logo section ## Fix - Increase logo size to `h-12` on desktop (keep `h-10` on mobile via responsive class) - Confirm the surrounding `<Link to="/">` is working and the logo image is clickable
null added the
P2 Medium
bug
frontend
labels 2026-05-18 09:29:55 -05:00
null closed this issue 2026-05-18 09:44:53 -05:00
Sign in to join this conversation.
No Milestone
No project
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: null/Queue-North-Website#154
No description provided.