glicciardello/SmartRootsSite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: nav CSS conflitto con footer nav — aggiunge classe site-nav

Browse Source
This commit is contained in:
SmartRootsSrl
2026-05-21 16:53:55 +02:00
parent ef49da119f
commit 269e2c308b
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Nav.astro
View File

@@ -5,7 +5,7 @@ export interface Props {
const { variant = 'full' } = Astro.props; const { variant = 'full' } = Astro.props;
--- ---
<nav aria-label="Navigazione principale"> <nav class="site-nav" aria-label="Navigazione principale">
<a href="/" class="nav-logo" aria-label="Smart Roots — Home"> <a href="/" class="nav-logo" aria-label="Smart Roots — Home">
<img src="/assets/logo.png" alt="Smart Roots" width="32" height="32" /> <img src="/assets/logo.png" alt="Smart Roots" width="32" height="32" />
<span class="nav-logo-text">Smart Roots</span> <span class="nav-logo-text">Smart Roots</span>

4
src/styles/global.css
View File

@@ -49,7 +49,7 @@ section { padding: 100px 2.5rem; }
.btn-ghost:hover { border-color: var(--txt2); color: var(--txt); } .btn-ghost:hover { border-color: var(--txt2); color: var(--txt); }
/* ── NAV ── */ /* ── NAV ── */
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 2.5rem; height: 68px; background: rgba(11,15,28,0.88); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); } nav.site-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 2.5rem; height: 68px; background: rgba(11,15,28,0.88); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
.nav-logo { display: flex; align-items: center; gap: 10px; } .nav-logo { display: flex; align-items: center; gap: 10px; }
.nav-logo img { width: 32px; height: 32px; object-fit: contain; } .nav-logo img { width: 32px; height: 32px; object-fit: contain; }
.nav-logo-text { font-family: var(--serif); font-size: 1.4rem; font-weight: normal; letter-spacing: 0.04em; color: var(--txt); } .nav-logo-text { font-family: var(--serif); font-size: 1.4rem; font-weight: normal; letter-spacing: 0.04em; color: var(--txt); }
@@ -92,7 +92,7 @@ footer { border-top: 1px solid var(--border); padding: 2rem 2.5rem; }
.smartdb-inner, .diff-grid, .trust-grid, .smartdb-inner, .diff-grid, .trust-grid,
.founders-inner { grid-template-columns: 1fr !important; } .founders-inner { grid-template-columns: 1fr !important; }
.pipe-arrow { transform: rotate(90deg); } .pipe-arrow { transform: rotate(90deg); }
nav .nav-links { display: none; } nav.site-nav .nav-links { display: none; }
.pipeline-flow { grid-template-columns: 1fr !important; } .pipeline-flow { grid-template-columns: 1fr !important; }
.hero-inner { grid-template-columns: 1fr !important; gap: 3rem; } .hero-inner { grid-template-columns: 1fr !important; gap: 3rem; }
.hero-right { order: -1; } .hero-right { order: -1; }