mmintel/mb-grid-solutions.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix header reveal
All checks were successful
Build & Deploy MB Grid Solutions / build-and-deploy (push) Successful in 1m29s
Details

Browse Source
This commit is contained in:
Marc Mintel
2026-01-29 17:23:32 +01:00
parent 0eaa47e2c6
commit 765cfd4c69
2 changed files with 23 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/Layout.tsx
View File

@@ -42,7 +42,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
return (
<div className="min-h-screen flex flex-col font-sans">
<Reveal direction="down" fullWidth className="fixed top-0 left-0 right-0 z-[100]">
<Reveal direction="down" fullWidth trigger="mount" className="fixed top-0 left-0 right-0 z-[100]">
<header
className={`transition-all duration-300 flex items-center py-1 ${
isScrolled
@@ -56,7 +56,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
className="relative z-10 flex items-center group"
aria-label="MB Grid Solutions - Zur Startseite"
>
<div className={`relative transition-all duration-300 ${isScrolled ? 'h-[50px] md:h-[80px] w-[120px] md:w-[200px] my-[-5px]' : 'h-[80px] md:h-[140px] w-[180px] md:w-[320px] my-[-10px] md:my-[-20px]'}`}>
<div className={`relative transition-all duration-300 ${isScrolled ? 'h-[50px] md:h-[80px] w-[120px] md:w-[200px] mt-0 mb-[-10px]' : 'h-[80px] md:h-[140px] w-[180px] md:w-[320px] mt-2 md:mt-4 mb-[-20px] md:mb-[-40px]'}`}>
<Image
src="/assets/logo.png"
alt="MB Grid Solutions"