no link underline

viperML · Jul 7, 2024 · a57c6bf · a57c6bf
1 parent 1fa855e
commit a57c6bf
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 11 deletions.
diff --git a/src/components/NavBar.astro b/src/components/NavBar.astro
@@ -7,19 +7,27 @@ const { class: className } = Astro.props;
 <header class:list={["flex justify-center", className]}>
   <nav class="py-2 px-5 flex-auto flex justify-between items-center">
     <a href="/" class="logo">
-      <Image src={logo} alt="Site logo." loading="eager" decoding="sync"/>
+      <Image src={logo} alt="Site logo." loading="eager" decoding="sync" />
     </a>
 
     <ul class="flex gap-4">
       {
         (() => {
           if (import.meta.env.DEV === true) {
-            return <a href="/test">Test Page</a>;
+            return (
+              <li>
+                <a href="/test">Test Page</a>
+              </li>
+            );
           }
         })()
       }
-      <a href="/blog/">Blog</a>
-      <a id="themeToggle">Theme</a>
+      <li>
+        <a href="/blog/">Blog</a>
+      </li>
+      <li>
+        <a id="themeToggle">Theme</a>
+      </li>
     </ul>
   </nav>
 </header>
@@ -32,20 +40,18 @@ const { class: className } = Astro.props;
     position: sticky;
     font-weight: 600;
 
-
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(5px);
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
     background-color: rgba(254, 254, 254, 0.687);
     border-bottom: 2px solid rgb(233, 233, 233);
 
     :is(.dark &) {
-      background-color: rgba(0,0,0, 0.60);
+      background-color: rgba(0, 0, 0, 0.6);
       border-bottom: 2px solid rgba(0, 0, 0, 0.3);
     }
   }
 
-
   nav {
     /* background-color: rgb(137, 137, 137); */
   }

diff --git a/src/styles/base.less b/src/styles/base.less
@@ -55,10 +55,6 @@ h6 {
     /* display: inline-block; */
 }
 
-a:hover {
-    text-decoration: underline;
-}
-
 
 code:not(.astro-code code),
 mark {
@@ -74,3 +70,7 @@ hr {
     padding: 3px 0;
     margin: 2rem 3rem;
 }
+
+p > a {
+    text-decoration: underline;
+}
diff --git a/src/styles/color.less b/src/styles/color.less
@@ -40,3 +40,7 @@ html.dark .astro-code span {
     color: var(--shiki-dark) !important;
     background-color: rgb(0, 0, 0) !important;
 }
+
+a:hover {
+    color: var(--text-color-alt);
+}