SkeletonMan/storfwirt-reutte-2026-02-23-v1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance header and footer styles with improved link presentation and background effects

Browse Source
This commit is contained in:
1elle1
2026-02-23 17:35:38 +01:00
parent c36bc49cdd
commit ef9dfabb86
2 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
website/src/components/Footer.tsx
View File

@@ -26,13 +26,13 @@ export function Footer() {
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12"> <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12">
{/* Brand */} {/* Brand */}
<div> <div>
<Link href="/" className="inline-block"> <Link href="/" className="inline-block rounded-lg overflow-hidden bg-white p-1.5">
<Image <Image
src="/assets/logo.png" src="/assets/logo.png"
alt="Storfwirt Reutte Logo" alt="Storfwirt Reutte Logo"
width={160} width={160}
height={50} height={50}
className="h-10 w-auto object-contain brightness-0 invert" className="h-10 w-auto object-contain"
/> />
</Link> </Link>
<p className="mt-4 text-sm text-white/70 leading-relaxed"> <p className="mt-4 text-sm text-white/70 leading-relaxed">

6
website/src/components/Header.tsx
View File

@@ -48,10 +48,8 @@ export function Header() {
return ( return (
<header <header
className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${ className={`fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-white shadow-sm ${
isScrolled isScrolled ? "py-3" : "py-5"
? "bg-white/95 backdrop-blur-sm shadow-sm py-3"
: "bg-transparent py-5"
}`} }`}
> >
<nav <nav