Give nav bar vertical breathing room when scrolled

Removed fixed sm:h-[108px] height and top-only padding in favour of
symmetric py-3 sm:py-4, so the logo has equal space above and below
inside the dark scrolled bar. Also changed items-start to items-center
for proper vertical alignment.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Calum Muir 2026-04-30 19:50:14 +00:00
parent 22a54a8478
commit adc4c87703

View file

@ -80,7 +80,7 @@ const lineClass = isDark ? "bg-white" : "bg-black";
<header class={`relative w-full ${className}`.trim()}> <header class={`relative w-full ${className}`.trim()}>
<div <div
class="flex flex-row items-start justify-between gap-3 pt-3 sm:pt-4 sm:h-[108px]" class="flex flex-row items-center justify-between gap-3 py-3 sm:py-4"
> >
<a href="/" aria-label="Highland Group RDA home"> <a href="/" aria-label="Highland Group RDA home">
<img <img