feat: add table of content element

2024-04-07 02:36:02 +02:00
parent f76477db98
commit 0ab1e1068d
10 changed files with 86 additions and 21 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -118,11 +118,11 @@ const { title, width = "compact" } = Astro.props;
      })();
    </script>
  </head>
-  <body class=`layout-${width} bg-dark text-neutral p-2`>
+  <body class="bg-dark text-neutral p-2 flex flex-col gap-4">
    <header>
      <Nav />
    </header>
-    <main id="main-content" class="flex flex-col mt-4xl gap-y-2xl">
+    <main id="main-content" class="flex flex-col gap-4">
      <slot />
    </main>
    <footer class="px-4 flex gap-8 mb-4">
@@ -135,7 +135,7 @@ const { title, width = "compact" } = Astro.props;
      </a>
    </footer>
    <style>
-      .layout-compact {
+      body {
        max-width: 600px;
        margin: 0 auto;
      }