peter/tvone
1
0
Fork 0
mirror of https://github.com/PeterMaquiran/tvone.git synced 2026-04-18 15:27:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove extra header

Browse Source
This commit is contained in:
Peter Maquiran
2026-03-27 22:17:16 +01:00
parent abb3d61584
commit 5cf82dadf8
1 changed files with 26 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/tvone-header.tsx
+26 -33
View File
@@ -47,33 +47,6 @@ function BagIcon({ className }: { className?: string }) {
export function TvoneHeader() { export function TvoneHeader() {
return ( return (
<header className="w-full"> <header className="w-full">
<nav
className="flex h-11 items-center justify-center gap-1 bg-[#1d1d1f] px-4 text-[12px] font-normal text-[#f5f5f7] md:gap-2 md:text-[13px]"
aria-label="Navegação principal"
>
<div className="flex w-full max-w-[980px] items-center justify-between gap-2">
<Link href="/" className="opacity-90 hover:opacity-100" aria-label="Apple">
<AppleLogo className="h-5 w-5 text-white md:h-[22px] md:w-[22px]" />
</Link>
<ul className="hidden flex-1 items-center justify-center gap-4 lg:flex xl:gap-6">
{appleNav.map((item) => (
<li key={item}>
<Link href="#" className="whitespace-nowrap opacity-90 hover:opacity-100">
{item}
</Link>
</li>
))}
</ul>
<div className="flex items-center gap-5">
<button type="button" className="opacity-90 hover:opacity-100" aria-label="Pesquisar">
<SearchIcon className="text-white" />
</button>
<button type="button" className="opacity-90 hover:opacity-100" aria-label="Sacola">
<BagIcon className="text-white" />
</button>
</div>
</div>
</nav>
<div className="relative flex min-h-[148px] w-full overflow-hidden bg-[#9d1f55] text-white sm:min-h-[180px] md:min-h-[204px] lg:min-h-[228px]"> <div className="relative flex min-h-[148px] w-full overflow-hidden bg-[#9d1f55] text-white sm:min-h-[180px] md:min-h-[204px] lg:min-h-[228px]">
<div className="relative w-[22%] min-w-[80px] max-w-[300px] shrink-0 sm:w-[24%] md:w-[26%]"> <div className="relative w-[22%] min-w-[80px] max-w-[300px] shrink-0 sm:w-[24%] md:w-[26%]">
@@ -130,14 +103,34 @@ export function TvoneHeader() {
</div> </div>
</div> </div>
<div className="border-b border-[#0066cc]/20 bg-[#0066cc] py-2">
<div className="mx-auto flex max-w-[1200px] items-center gap-3 px-4"> <nav
<div className="flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-white text-sm font-bold tracking-tight text-[#0066cc]"> className="flex h-11 items-center justify-center gap-1 bg-[#1d1d1f] px-4 text-[12px] font-normal text-[#f5f5f7] md:gap-2 md:text-[13px]"
tv aria-label="Navegação principal"
>
<div className="flex w-full max-w-[980px] items-center justify-between gap-2">
<Link href="/" className="opacity-90 hover:opacity-100" aria-label="Apple">
<AppleLogo className="h-5 w-5 text-white md:h-[22px] md:w-[22px]" />
</Link>
<ul className="hidden flex-1 items-center justify-center gap-4 lg:flex xl:gap-6">
{appleNav.map((item) => (
<li key={item}>
<Link href="#" className="whitespace-nowrap opacity-90 hover:opacity-100">
{item}
</Link>
</li>
))}
</ul>
<div className="flex items-center gap-5">
<button type="button" className="opacity-90 hover:opacity-100" aria-label="Pesquisar">
<SearchIcon className="text-white" />
</button>
<button type="button" className="opacity-90 hover:opacity-100" aria-label="Sacola">
<BagIcon className="text-white" />
</button>
</div> </div>
<span className="text-lg font-semibold tracking-tight text-white">tvone</span>
</div> </div>
</div> </nav>
</header> </header>
); );
} }