Logo too small and not linked to home page #135

New Issue

Closed

opened 2026-05-18 09:22:38 -05:00 by null · 0 comments

null commented

2026-05-18 09:22:38 -05:00

Owner

Bug / UX

Two issues with the logo in the Header component:

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.
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:

<img src="/logo.png" alt="Queue North Technologies" className="h-10 w-auto flex-shrink-0" />

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: ```jsx <img src="/logo.png" alt="Queue North Technologies" className="h-10 w-auto flex-shrink-0" /> ``` ## 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