ignisnet/website
2
0
Fork 0
Code Activity

fix(nav): group logo and Blog link together on the left

Browse Source
This commit is contained in:
Noa Virellia
2026-05-18 16:25:19 +08:00
parent 912245f9ad
commit 60324a3025
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Nav.astro
View File

@@ -1,13 +1,14 @@
---
---
<nav class="bg-background/80 border-border/40 relative sticky top-0 z-50 flex w-full items-center justify-between border-b px-6 py-6 shadow-sm backdrop-blur-lg md:px-12">
<a href="/" class="text-primary flex items-center gap-3 transition-opacity hover:opacity-80">
<img src="/images/logo.png" alt="Ignis Logo" class="h-10" />
</a>
<a href="/blog" class="text-foreground/70 hover:text-foreground text-sm font-semibold transition-colors">
Blog
</a>
<div class="flex items-center gap-8">
<a href="/" class="text-primary flex items-center gap-3 transition-opacity hover:opacity-80">
<img src="/images/logo.png" alt="Ignis Logo" class="h-10" />
</a>
<a href="/blog" class="text-foreground/70 hover:text-foreground text-sm font-semibold transition-colors">
Blog
</a>
</div>
<a href="mailto:contact@ignisnet.co">
<button type="button" class="cursor-pointer bg-primary text-primary-foreground hover:bg-primary/90 rounded-full px-6 py-2 font-bold shadow-lg transition-all hover:scale-105 hover:shadow-xl">