karlm/portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance Navbar styling and adjust Section component padding for improved layout; add will-change property to polka class in global CSS for better performance.

Browse source
This commit is contained in:
Mike Karl 2025-10-28 20:26:55 +01:00
parent 1071b06874
commit 2bee14e17d
3 changed files with 3 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/components/section.tsx
View file

@ -19,7 +19,7 @@ export default function Section({
const variantClasses = { const variantClasses = {
default: "bg-stone-900", default: "bg-stone-900",
hero: "polka pt-20 lg:pt-40", hero: "polka pt-32 lg:pt-40",
minimal: "bg-transparent" minimal: "bg-transparent"
}; };

1
app/globals.css
View file

@ -16,6 +16,7 @@ body {
.polka{ .polka{
overflow: hidden; overflow: hidden;
will-change: transform;
} }
.polka::before{ .polka::before{

7
app/navbar.tsx
View file

@ -66,7 +66,7 @@ export default function Navbar() {
{/* Mobile Menu */} {/* Mobile Menu */}
<div className={`md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0' <div className={`md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
}`}> }`}>
<div className="py-4 space-y-2 border-t border-gray-800/50"> <div className="py-6 space-y-2 border-t border-stone-950 border-b">
{navItems.map((item) => ( {navItems.map((item) => (
<Link <Link
key={item.href} key={item.href}
@ -77,11 +77,6 @@ export default function Navbar() {
{item.label} {item.label}
</Link> </Link>
))} ))}
<div className="pt-4">
<Button variant="glass" size="sm" className="w-full">
Get in Touch
</Button>
</div>
</div> </div>
</div> </div>
</div> </div>