From 3585b7fc1f9f46cc2bafd6e29c08a834b7f4c7d0 Mon Sep 17 00:00:00 2001
From: Jakob Scheid <jakob.scheid@icloud.com>
Date: Wed, 6 May 2026 22:24:01 +0200
Subject: [PATCH] Add navbar styles

---
 src/features/nav/components/Navbar.vue | 30 +++++++++++++++++--
 src/styles/nav/navbar/navbar.css       | 40 --------------------------
 2 files changed, 28 insertions(+), 42 deletions(-)
 delete mode 100644 src/styles/nav/navbar/navbar.css

diff --git a/src/features/nav/components/Navbar.vue b/src/features/nav/components/Navbar.vue
index 40879ad..4db64c3 100644
--- a/src/features/nav/components/Navbar.vue
+++ b/src/features/nav/components/Navbar.vue
@@ -1,7 +1,33 @@
 <template>
     <nav class="global-nav">
         <span id="logo">Seekra</span>
-        <ul>
+        <ul class="right-links">
         </ul>
     </nav>
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+.global-nav {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 40px;
+}
+
+.global-nav .right-links {
+    display: flex;
+    gap: 30px;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+.global-nav .right-links a {
+    text-decoration: none;
+    color: #000;
+}
+
+.global-nav .right-links a:hover{
+    text-decoration: underline;
+}
+</style>
\ No newline at end of file
diff --git a/src/styles/nav/navbar/navbar.css b/src/styles/nav/navbar/navbar.css
deleted file mode 100644
index 652063d..0000000
--- a/src/styles/nav/navbar/navbar.css
+++ /dev/null
@@ -1,40 +0,0 @@
-.global-nav {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 10px 40px;
-}
-
-.global-nav ul {
-    display: flex;
-    gap: 20px;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-}
-
-.global-nav ul a{
-    text-decoration: none;
-    color: black;
-}
-
-.global-nav ul a:hover{
-     text-decoration: underline;
-}
-
-.global-nav ul {
-    display: flex;
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    gap: 30px;
-}
-
-.nav-item a {
-    text-decoration: none;
-    color: black;
-}
-
-.nav-item a:hover {
-    text-decoration: underline;
-}