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:
@ -13,9 +13,9 @@ function Logo() {
|
|||||||
<Image
|
<Image
|
||||||
src="/pounce-logo.png"
|
src="/pounce-logo.png"
|
||||||
alt="pounce"
|
alt="pounce"
|
||||||
width={64}
|
width={80}
|
||||||
height={64}
|
height={80}
|
||||||
className="w-16 h-16"
|
className="w-20 h-20"
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -13,9 +13,9 @@ function Logo() {
|
|||||||
<Image
|
<Image
|
||||||
src="/pounce-logo.png"
|
src="/pounce-logo.png"
|
||||||
alt="pounce"
|
alt="pounce"
|
||||||
width={64}
|
width={80}
|
||||||
height={64}
|
height={80}
|
||||||
className="w-16 h-16"
|
className="w-20 h-20"
|
||||||
/>
|
/>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@ -13,9 +13,9 @@ export function Footer() {
|
|||||||
<Image
|
<Image
|
||||||
src="/pounce-logo.png"
|
src="/pounce-logo.png"
|
||||||
alt="pounce"
|
alt="pounce"
|
||||||
width={48}
|
width={64}
|
||||||
height={48}
|
height={64}
|
||||||
className="w-12 h-12"
|
className="w-16 h-16"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<p className="text-body-sm text-foreground-muted mb-4 max-w-xs">
|
<p className="text-body-sm text-foreground-muted mb-4 max-w-xs">
|
||||||
|
|||||||
@ -13,9 +13,9 @@ function Logo() {
|
|||||||
<Image
|
<Image
|
||||||
src="/pounce-logo.png"
|
src="/pounce-logo.png"
|
||||||
alt="pounce"
|
alt="pounce"
|
||||||
width={56}
|
width={96}
|
||||||
height={56}
|
height={96}
|
||||||
className="w-12 h-12 sm:w-14 sm:h-14 object-contain"
|
className="w-20 h-20 sm:w-24 sm:h-24 object-contain"
|
||||||
priority
|
priority
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@ -28,7 +28,7 @@ export function Header() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<header className="fixed top-0 left-0 right-0 z-50 bg-background/80 backdrop-blur-xl border-b border-border-subtle">
|
<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 */}
|
{/* Left side: Logo + Nav Links */}
|
||||||
<div className="flex items-center gap-6 sm:gap-8">
|
<div className="flex items-center gap-6 sm:gap-8">
|
||||||
{/* Logo */}
|
{/* Logo */}
|
||||||
|
|||||||
Reference in New Issue
Block a user