tknuth
/
buddelectric
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add base layout with a new header component

This commit is contained in:
Timo Knuth 2026-02-10 00:52:52 +01:00
parent 8d1751892a
commit 3fe5bad847
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/layout.tsx
View File

@ -196,7 +196,7 @@ export default function RootLayout({
className={`${bodyFont.variable} ${displayFont.variable} antialiased flex flex-col min-h-screen bg-[color:var(--bg)] text-[color:var(--ink)] font-sans`} className={`${bodyFont.variable} ${displayFont.variable} antialiased flex flex-col min-h-screen bg-[color:var(--bg)] text-[color:var(--ink)] font-sans`}
> >
<Header /> <Header />
<main className="flex-grow pt-20"> <main className="flex-grow pt-[130px]">
{children} {children}
</main> </main>
<Footer /> <Footer />

7
src/components/Header.tsx
View File

@ -11,14 +11,13 @@ export default function Header() {
return ( return (
<> <>
<header className="fixed inset-x-0 top-0 z-50 border-b border-white/10 bg-[color:var(--bg-dark)]/95 backdrop-blur-md"> <header className="fixed inset-x-0 top-0 z-50 border-b border-white/10 bg-[color:var(--bg-dark)]/95 backdrop-blur-md">
<div className="mx-auto flex h-[138px] max-w-7xl items-center justify-between px-6 lg:px-8"> <div className="mx-auto flex h-[110px] max-w-7xl items-center justify-between px-6 lg:px-8">
<Link href="/" className="flex items-center gap-3 group"> <Link href="/" className="flex items-center gap-3 group">
<div className="relative h-[130px] w-[130px] transition-transform group-hover:scale-105"> <div className="relative h-[150px] w-[150px] transition-transform group-hover:scale-105">
<Image <Image
src="/images/logo.png" src="/images/logo.png"
alt="Budd Electric Logo" alt="Budd Electric Logo"
width={130} fill
height={130}
priority priority
className="object-contain invert hue-rotate-180 saturate-[1000%] contrast-[1.5] brightness-90 p-[0.8rem]" className="object-contain invert hue-rotate-180 saturate-[1000%] contrast-[1.5] brightness-90 p-[0.8rem]"
/> />