Update global CSS to set body background color and enhance Navbar mobile menu with will-change property for improved performance.
This commit is contained in:
parent
2bee14e17d
commit
8856d4f8eb
2 changed files with 2 additions and 1 deletions
|
|
@ -12,6 +12,7 @@ html {
|
|||
body {
|
||||
min-height: 100vh;
|
||||
font-family: "Space Grotesk", sans-serif;
|
||||
background-color: #292524;
|
||||
}
|
||||
|
||||
.polka{
|
||||
|
|
|
|||
|
|
@ -64,7 +64,7 @@ export default function Navbar() {
|
|||
</div>
|
||||
|
||||
{/* 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={`will-change-transform md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
|
||||
}`}>
|
||||
<div className="py-6 space-y-2 border-t border-stone-950 border-b">
|
||||
{navItems.map((item) => (
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue