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:
parent
3b901dc8de
commit
0f8bb626db
@ -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>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user