ZaguanAI/zblade.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(website): add styled Download button to navigation

Browse Source
This commit is contained in:
Stig-Ørjan Smelror
2026-05-18 08:46:24 +02:00
parent bef83100c8
commit 63937b65a2
2 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/global.css
+24
View File
@@ -180,6 +180,30 @@ a {
width: 100%; width: 100%;
} }
.nav-download {
color: var(--color-bg) !important;
background: var(--color-accent);
padding: 0.5rem 1.5rem;
border: 2px solid var(--color-accent);
font-weight: 800 !important;
letter-spacing: 0.12em;
position: relative;
overflow: hidden;
transition: all 0.3s ease !important;
}
.nav-download::after {
display: none !important;
}
.nav-download:hover {
color: var(--color-bg) !important;
background: var(--color-text);
border-color: var(--color-text);
box-shadow: 0 0 20px rgba(0, 221, 119, 0.4);
transform: scale(1.05);
}
/* ===== Hero Section ===== */ /* ===== Hero Section ===== */
.hero { .hero {
position: relative; position: relative;
src/layouts/BaseLayout.astro
+1 -1
View File
@@ -72,8 +72,8 @@ const isActiveRoute = (path: string) => currentPath === normalizePath(path);
<a href="/docs" class={isActiveRoute('/docs') ? 'active' : undefined} aria-current={isActiveRoute('/docs') ? 'page' : undefined}>Docs</a> <a href="/docs" class={isActiveRoute('/docs') ? 'active' : undefined} aria-current={isActiveRoute('/docs') ? 'page' : undefined}>Docs</a>
<a href="/blog" class={isActiveRoute('/blog') ? 'active' : undefined} aria-current={isActiveRoute('/blog') ? 'page' : undefined}>Blog</a> <a href="/blog" class={isActiveRoute('/blog') ? 'active' : undefined} aria-current={isActiveRoute('/blog') ? 'page' : undefined}>Blog</a>
<a href="/changelog" class={isActiveRoute('/changelog') ? 'active' : undefined} aria-current={isActiveRoute('/changelog') ? 'page' : undefined}>Changelog</a> <a href="/changelog" class={isActiveRoute('/changelog') ? 'active' : undefined} aria-current={isActiveRoute('/changelog') ? 'page' : undefined}>Changelog</a>
<a href="/#download">Download</a>
<a href="https://zaguanai.com/pricing" target="_blank" rel="noopener">Pricing</a> <a href="https://zaguanai.com/pricing" target="_blank" rel="noopener">Pricing</a>
<a href="/#download" class="nav-download">Download</a>
</nav> </nav>
</div> </div>
</div> </div>