From 56e79f187c71eaadca5ae0a1e717793175c04671 Mon Sep 17 00:00:00 2001
From: Kyren223 <Kyren223@proton.me>
Date: Tue, 12 Nov 2024 09:59:40 +0200
Subject: Fixed the formatting issue

---
 src/components/Nav.astro | 76 +++++++++++++++++++++++++-----------------------
 1 file changed, 40 insertions(+), 36 deletions(-)

(limited to 'src/components/Nav.astro')

diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 3c41d0d..60f2f14 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -5,46 +5,50 @@ interface Props {
 
 const { path } = Astro.props;
 
-const directories = ["about", "works", "links"]
-
+const directories = ["about", "works", "links"];
 ---
+
 <nav>
-  <span id="nav-path">/home/kyren/{path}</span>
-  <span id="nav-links">
-    <a href="/">home</a>
-    {directories.map((dir) => (
-    <a href={`/${dir}`}>{dir}</a>
-    <span></span> /* For whitespace */
-    ))}
-  </span>
+    <span id="nav-path">/home/kyren/{path}</span>
+    <span id="nav-links">
+        <a href="/">home</a>
+        {
+            directories.map((dir) => (
+                <>
+                    <a href={`/${dir}`}>{dir}</a>
+                </>
+            ))
+        }
+    </span>
 </nav>
 
 <style>
+    /* main { */
+    /*     padding-top: 1.25rem; */
+    /* } */
 
-nav {
-  font-weight: 300;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  border: 0;
-  border-bottom: 1px;
-  border-style: solid;
-  margin-bottom: 0.75rem;
-  padding-bottom: 0.75rem;
-}
-#nav-links a {
-  margin-right: 0.15rem;
-  margin-bottom: 0px;
-  margin-left: 0.15rem;
-  color: var(--primary);
-  font-size: 1rem;
-
-}
-#nav-links a:hover {
-  color: var(--accent);
-}
-#nav-path {
-  margin-right: 2rem;
-}
-
+    nav {
+        font-weight: 300;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        border: 0;
+        border-bottom: 1px;
+        border-style: solid;
+        margin-bottom: 0.75rem;
+        padding-bottom: 0.75rem;
+    }
+    #nav-links a {
+        margin-right: 0.15rem;
+        margin-bottom: 0px;
+        margin-left: 0.15rem;
+        color: var(--primary);
+        font-size: 1rem;
+    }
+    #nav-links a:hover {
+        color: var(--accent);
+    }
+    #nav-path {
+        margin-right: 2rem;
+    }
 </style>
-- 
cgit v1.3.1