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

logo size

Browse Source
This commit is contained in:
Marc Mintel
2026-01-29 00:55:38 +01:00
parent c427b5f6e2
commit fba551f2bf
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/Layout.tsx
View File

@@ -41,11 +41,11 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
return ( return (
<div className="min-h-screen flex flex-col font-sans"> <div className="min-h-screen flex flex-col font-sans">
<header <header
className={`fixed top-0 left-0 right-0 z-[100] transition-all duration-300 ${ className={`fixed top-0 left-0 right-0 z-[100] transition-all duration-300 flex items-center py-1 ${
isScrolled ? 'bg-white/80 backdrop-blur-lg border-b border-slate-200 py-2' : 'bg-transparent py-4' isScrolled ? 'bg-white/80 backdrop-blur-lg border-b border-slate-200' : 'bg-transparent'
}`} }`}
> >
<div className="container-custom flex justify-between items-center"> <div className="container-custom flex justify-between items-center w-full">
<Link <Link
href="/" href="/"
className="relative z-10 flex items-center group" className="relative z-10 flex items-center group"
@@ -54,7 +54,7 @@ const Layout = ({ children }: { children: React.ReactNode }) => {
<img <img
src="/assets/logo.png" src="/assets/logo.png"
alt="MB Grid Solutions" alt="MB Grid Solutions"
className={`transition-all duration-300 ${isScrolled ? 'h-[90px]' : 'h-[120px] md:h-[150px]'}`} className={`transition-all duration-300 object-contain ${isScrolled ? 'h-[60px] md:h-[80px] my-[-5px]' : 'h-[100px] md:h-[140px] my-[-20px]'}`}
loading="eager" loading="eager"
/> />
</Link> </Link>