Ichitux/lambada-fiesta-live
1
0
Fork 0
mirror of https://github.com/Ichitux/lambada-fiesta-live.git synced 2026-05-15 16:32:20 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor: adjust Navbar responsive styling, update Vite host configuration, and upgrade jsdom and vite dependencies.
All checks were successful
Deploy NPM app / Deploy NPM (push) Successful in 1m2s
Details

Browse Source
This commit is contained in:
Ichitux
2026-03-28 01:52:05 +01:00
parent c30c2640ec
commit f53e271553
3 changed files with 1757 additions and 905 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2648
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@@ -82,13 +82,13 @@
"eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-hooks": "^5.2.0",
"eslint-plugin-react-refresh": "^0.4.20", "eslint-plugin-react-refresh": "^0.4.20",
"globals": "^15.15.0", "globals": "^15.15.0",
"jsdom": "^20.0.3", "jsdom": "^29.0.1",
"lovable-tagger": "^1.1.13", "lovable-tagger": "^1.1.13",
"postcss": "^8.5.6", "postcss": "^8.5.6",
"tailwindcss": "^3.4.17", "tailwindcss": "^3.4.17",
"typescript": "^5.8.3", "typescript": "^5.8.3",
"typescript-eslint": "^8.38.0", "typescript-eslint": "^8.38.0",
"vite": "^5.4.19", "vite": "^8.0.3",
"vitest": "^3.2.4" "vitest": "^3.2.4"
} }
} }

10
src/components/Navbar.tsx
View File

@@ -42,10 +42,10 @@ const Navbar = () => {
: "bg-background-white" : "bg-background-white"
}`} }`}
> >
<div className="container mx-auto flex items-center justify-between px-4 py-3 relative z-50"> <div className="container mx-auto flex items-center justify-between px-4 py-2 md:py-3 relative z-50">
{/* Logo */} {/* Logo */}
<a href="#" className="font-display text-xl font-bold text-gradient" onClick={() => setMenuOpen(false)}> <a href="#" className="font-display text-xl font-bold text-gradient" onClick={() => setMenuOpen(false)}>
<img src={Logo} alt="ZLB Logo" className="h-12 w-auto" /> <img src={Logo} alt="ZLB Logo" className="h-10 md:h-12 w-auto" />
</a> </a>
{/* Desktop links */} {/* Desktop links */}
@@ -102,7 +102,7 @@ const Navbar = () => {
exit={{ opacity: 0, y: 30 }} exit={{ opacity: 0, y: 30 }}
transition={{ delay: 0.1 * i }} transition={{ delay: 0.1 * i }}
onClick={() => setMenuOpen(false)} onClick={() => setMenuOpen(false)}
className="text-3xl md:text-4xl lg:text-5xl pt-3 pb-6 break-words leading-[1.6] font-display font-medium text-foreground hover:text-primary transition-colors" className="text-2xl md:text-4xl lg:text-5xl py-3 break-words leading-[1.6] font-display font-medium text-foreground hover:text-primary transition-colors"
> >
{t(`nav.${link.href.substring(1)}`)} {t(`nav.${link.href.substring(1)}`)}
</motion.a> </motion.a>
@@ -115,9 +115,9 @@ const Navbar = () => {
exit={{ opacity: 0, y: 30 }} exit={{ opacity: 0, y: 30 }}
transition={{ delay: 0.1 * NAV_LINKS.length }} transition={{ delay: 0.1 * NAV_LINKS.length }}
onClick={toggleLanguage} onClick={toggleLanguage}
className="flex items-center gap-3 text-3xl md:text-4xl lg:text-5xl pt-3 pb-6 font-display font-medium text-foreground hover:text-primary transition-colors" className="flex items-center gap-3 text-2xl md:text-4xl lg:text-5xl py-3 font-display font-medium text-foreground hover:text-primary transition-colors"
> >
<Globe className="w-8 h-8 md:w-10 md:h-10" /> <Globe className="w-6 h-6 md:w-10 md:h-10" />
{i18n.language === 'es' ? 'EN' : 'ES'} {i18n.language === 'es' ? 'EN' : 'ES'}
</motion.button> </motion.button>
</motion.div> </motion.div>