clean sidebar

reednel · Jan 14, 2024 · 91c8dec · 91c8dec
1 parent b95040b
commit 91c8dec
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 14 deletions.
diff --git a/src/layouts/components/DocBrowser.astro b/src/layouts/components/DocBrowser.astro
@@ -30,7 +30,7 @@ export interface doc_data {
 const { main }: { main: doc_data[] } = docs;
 ---
 
-<nav aria-labelledby="grid-left" class="w-64 border-r">
+<nav aria-labelledby="grid-left" class="border-r">
   <div class="mx-4 my-16">
     <ul>
       {

diff --git a/src/layouts/components/DocContents.astro b/src/layouts/components/DocContents.astro
@@ -8,7 +8,7 @@ const { headings } = Astro.props;
     {
       headings &&
         headings.map((heading) => {
-          let className = ``;
+          let className = `block p-1 mb-1 rounded hover:bg-theme-light dark:hover:bg-darkmode-theme-light `;
           const sizeAndIndent = {
             1: `pl-0 text-2xl`,
             2: `pl-2 text-xl`,
@@ -19,8 +19,8 @@ const { headings } = Astro.props;
           };
           className += sizeAndIndent[heading.depth] || "";
           return (
-            <p class={className}>
-              <a href={`#${heading.slug}`} class="block py-1">
+            <p>
+              <a href={`#${heading.slug}`} class={className}>
                 {heading.text}
               </a>
             </p>

diff --git a/src/layouts/components/Footer.astro b/src/layouts/components/Footer.astro
@@ -3,7 +3,7 @@ import Social from "@/components/Social.astro";
 import social from "@/config/social.json";
 ---
 
-<footer class="bg-theme-light dark:bg-darkmode-theme-light mt-auto">
+<footer class="mt-auto">
   <div class="container">
     <div class="row items-center py-2">
       <div class="mb-2 text-center lg:col-6 lg:mb-0 lg:text-left">

diff --git a/src/pages/docs/index.astro b/src/pages/docs/index.astro
@@ -2,17 +2,9 @@
 import DocBrowser from '@/components/DocBrowser.astro';
 import DocContents from '@/components/DocContents.astro';
 import Base from "@/layouts/Base.astro";
-import PageHeader from "@/components/PageHeader.astro";
-
 ---
 
 <Base title={"Docs"}>
-  <!-- <PageHeader title={"Docs"} />
-  <section class="section-sm pb-0">
-    <div class="container">
-      <h1>Documentation lives here.</h1>
-    </div>
-  </section> -->
   <section class="section pt-7">
     <div class="container">
       <div class="row justify-center">

diff --git a/src/styles/base.scss b/src/styles/base.scss
@@ -59,7 +59,6 @@ img {
 }
 
 a:hover {
-  @apply scale-105;
   @apply opacity-60;
 }