Adjust logo size and header height for better display

Update header component to use a smaller header row height (h-16) while maintaining a larger logo size (h-32) with transparent background.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 413891e8-d784-4bea-b9f5-91a5a68316b4
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 5f794043-f007-4bdd-8aab-1acfad685cca
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/413891e8-d784-4bea-b9f5-91a5a68316b4/kmpcO4B
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 17:32:57 +00:00
parent 3b901dc8de
commit 0f8bb626db

View File

@ -16,10 +16,10 @@ export default function Header() {
return (
<header className="sticky top-0 z-50 bg-background/95 backdrop-blur-md border-b border-card-border" data-testid="header">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div className="flex items-center justify-between gap-4 h-32">
<div className="flex items-center justify-between gap-4 h-16">
<Link href="/">
<div className="flex items-center gap-2 cursor-pointer" data-testid="link-logo">
<img src={folxLogo} alt="Folx TV" className="h-32 w-auto object-contain" />
<img src={folxLogo} alt="Folx TV" className="h-32 w-auto object-contain py-1" />
</div>
</Link>