make the navbar substantially better by getting rid of icons

HJfod · Mar 4, 2024 · 4cdf9e9 · 4cdf9e9
1 parent aa071aa
commit 4cdf9e9
Showing 1 changed file with 8 additions and 26 deletions.
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
@@ -26,19 +26,10 @@ const base = import.meta.env.BASE_URL;
                 <span class="font-head text-xl">Globed</span>
             </a>
         </div>
-        <div class="flex flex-row justify-center max-sm:hidden">
-            <a href={base}>
-                <HomeIcon/>
-                <span class="max-sm:hidden">Home</span>
-            </a>
-            <a href={`${base}/install`}>
-                <DownloadIcon/>
-                <span class="max-sm:hidden">Install</span>
-            </a>
-            <a href={`${base}/about`}>
-                <BookIcon/>
-                <span class="max-sm:hidden">About</span>
-            </a>
+        <div class="flex flex-row justify-center max-sm:hidden font-head text-lg">
+            <a href={base}>Home</a>
+            <a href={`${base}/install`}>Install</a>
+            <a href={`${base}/about`}>About</a>
         </div>
         <div class="flex flex-row justify-end">
             <a href="https://ko-fi.com/globed">
@@ -58,19 +49,10 @@ const base = import.meta.env.BASE_URL;
             </a>
         </div>
     </div>
-    <div id="rollover" class="flex flex-col">
-        <a href={base}>
-            <HomeIcon/>
-            <span>Home</span>
-        </a>
-        <a href={`${base}/install`}>
-            <DownloadIcon/>
-            <span>Install</span>
-        </a>
-        <a href={`${base}/about`}>
-            <BookIcon/>
-            <span>About</span>
-        </a>
+    <div id="rollover" class="flex flex-col px-4 font-head">
+        <a href={base}><span>Home</span></a>
+        <a href={`${base}/install`}><span>Install</span></a>
+        <a href={`${base}/about`}><span>About</span></a>
     </div>
 </nav>