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:
parent
22a54a8478
commit
adc4c87703
1 changed files with 1 additions and 1 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue