feat: Add navigation links to header with responsive styling

2026-10-18 21:47:40 +00:00 · 2025-02-23 01:02:01 -06:00
parent b33c32c0d8
commit 25f7baa1d5
2 changed files with 33 additions and 1 deletions
@@ -30,6 +30,24 @@
    z-index: 10;
 }

+.nav {
+    display: flex;
+    gap: 2rem;
+    margin-right: 2rem;
+}
+
+.navLink {
+    color: var(--color-text);
+    text-decoration: none;
+    font-size: 1rem;
+    opacity: 0.8;
+    transition: opacity 0.2s ease;
+}
+
+.navLink:hover {
+    opacity: 1;
+}
+
 .header img {
    width: 40px;
    height: 40px;
@@ -453,4 +471,13 @@
        flex: 1;
        min-width: 80px;
    }
+
+    .nav {
+        gap: 1rem;
+        margin-right: 1rem;
+    }
+    
+    .navLink {
+        font-size: 0.9rem;
+    }
 }