Ichitux/lambada-fiesta-live
1
0
Fork 0
mirror of https://github.com/Ichitux/lambada-fiesta-live.git synced 2026-05-16 12:02:19 +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

10
src/components/Navbar.tsx
View File

@@ -42,10 +42,10 @@ const Navbar = () => {
: "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 */}
<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>
{/* Desktop links */}
@@ -102,7 +102,7 @@ const Navbar = () => {
exit={{ opacity: 0, y: 30 }}
transition={{ delay: 0.1 * i }}
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)}`)}
</motion.a>
@@ -115,9 +115,9 @@ const Navbar = () => {
exit={{ opacity: 0, y: 30 }}
transition={{ delay: 0.1 * NAV_LINKS.length }}
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'}
</motion.button>
</motion.div>