Header logo 32px; drop fixed row heights for pt-5

The first row's h-[70px] / lg:h-25 only existed to give the old large
logo room, so they are replaced with pt-5. Logo is h-8 (32px).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
amirhosein.ashourloo
2026-09-20 00:19:39 +03:30
co-authored by Claude Sonnet 5
parent 7089078b4c
commit 7ee43e3e79
2 changed files with 5 additions and 6 deletions
+2 -1
View File
@@ -57,7 +57,8 @@ Fonts: IRANYekan (fa, local `public/fonts`) + Montserrat (latin, next/font).
`getFavicon()` was removed entirely — don't re-add it. Tab icon is the
bundled `public/favicon.png`. To change the logo, replace the file (keep
the same name; update `LOGO_WIDTH`/`LOGO_HEIGHT` if its shape changes).
- Header (desktop) and footer logos both render at `h-[70px] w-auto`.
- Header (desktop) logo renders at `h-8` (32px), footer logo at `h-[70px]` — sized
independently, on request. The header's first row has no fixed height, just `pt-5`.
- Contact data (phone, mobile, branch addresses, Instagram/Telegram) in
`src/data/site.ts` is real, pulled from the live theme's footer — `GET
/website/business-info` still returns empty `phoneNumbers`/`addresses`/
+3 -5
View File
@@ -27,17 +27,15 @@ export default function Header({
<header className="sticky top-0 z-40 w-full border-b border-line bg-white">
<div className="boxed">
{/* Mobile keeps the header down to the search box alone — account,
cart and browsing live in the fixed bottom bar instead. The row
is taller on lg so the desktop logo has room without cramming
the search box/buttons beside it. */}
<div className="flex h-[70px] items-center gap-4 lg:h-25">
cart and browsing live in the fixed bottom bar instead. */}
<div className="flex items-center gap-4 pt-5">
<Link href="/" className="hidden shrink-0 lg:block" aria-label={SITE_NAME}>
<Image
src={LOGO_SRC}
alt={SITE_NAME}
width={LOGO_WIDTH}
height={LOGO_HEIGHT}
className="h-[70px] w-auto object-contain"
className="h-8 w-auto object-contain"
priority
/>
</Link>