prehistoric-systems/FilterLists
1
0
Fork 0
mirror of https://github.com/collinbarrett/FilterLists.git synced 2026-03-11 09:04:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(web): tweak header layout

Browse source
This commit is contained in:
Collin Barrett 2025-06-15 13:01:11 -05:00
parent 104f6e2c92
commit c787e67a0e
1 changed files with 14 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
web/src/components/header/index.tsx
View file

@ -7,24 +7,20 @@ import styles from "./logoHeader.module.css";
export function Header() {
return (
<header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
<div className="container flex h-20 items-center px-2 sm:px-0">
<div className="flex items-center flex-1 space-x-4">
<div className="mr-4 flex-shrink-0">
<ImageThemed
className={styles.logoHeader}
srcLight={LogoLight}
srcDark={logoDark}
alt="FilterLists logo"
width={429}
height={100}
priority
/>
</div>
<div className="flex flex-1 items-center justify-end space-x-4">
<nav className="flex items-center space-x-1">
<ThemeToggle />
</nav>
</div>
<div className="flex h-20 items-center justify-between px-6">
<div className="flex items-center">
<ImageThemed
className={styles.logoHeader}
srcLight={LogoLight}
srcDark={logoDark}
alt="FilterLists logo"
width={429}
height={100}
priority
/>
</div>
<div className="flex items-center">
<ThemeToggle />
</div>
</div>
</header>