fix: Make logo much larger (2x size)

New sizes:
- Header: 80px (mobile) → 96px (desktop) [was 48-56px]
- Header height: Increased to 80px/96px to accommodate logo
- Footer: 64px [was 48px]
- Login/Register: 80px [was 64px]

Logo is now prominently displayed
This commit is contained in:
yves.gugger
2025-12-08 10:49:26 +01:00
parent 013758c404
commit 38607a52e2
4 changed files with 13 additions and 13 deletions

View File

@ -13,9 +13,9 @@ function Logo() {
<Image
src="/pounce-logo.png"
alt="pounce"
width={64}
height={64}
className="w-16 h-16"
width={80}
height={80}
className="w-20 h-20"
/>
)
}

View File

@ -13,9 +13,9 @@ function Logo() {
<Image
src="/pounce-logo.png"
alt="pounce"
width={64}
height={64}
className="w-16 h-16"
width={80}
height={80}
className="w-20 h-20"
/>
)
}

View File

@ -13,9 +13,9 @@ export function Footer() {
<Image
src="/pounce-logo.png"
alt="pounce"
width={48}
height={48}
className="w-12 h-12"
width={64}
height={64}
className="w-16 h-16"
/>
</div>
<p className="text-body-sm text-foreground-muted mb-4 max-w-xs">

View File

@ -13,9 +13,9 @@ function Logo() {
<Image
src="/pounce-logo.png"
alt="pounce"
width={56}
height={56}
className="w-12 h-12 sm:w-14 sm:h-14 object-contain"
width={96}
height={96}
className="w-20 h-20 sm:w-24 sm:h-24 object-contain"
priority
/>
</div>
@ -28,7 +28,7 @@ export function Header() {
return (
<header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-xl border-b border-border-subtle">
<div className="max-w-7xl mx-auto px-4 sm:px-6 h-14 sm:h-16 flex items-center justify-between">
<div className="max-w-7xl mx-auto px-4 sm:px-6 h-20 sm:h-24 flex items-center justify-between">
{/* Left side: Logo + Nav Links */}
<div className="flex items-center gap-6 sm:gap-8">
{/* Logo */}