Fix page centering, change text scaling

snugnug · Dec 31, 2024 · b944dbf · b944dbf
1 parent 93b86f1
commit b944dbf
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -25,13 +25,13 @@ import "@styles/theme.css";
         </nav>
         <div class="bg-theme-1000 w-full h-0.5"></div>
       </header>
-      <div class="">
+      <div class="z-20">
         <Sidebar />
       </div>
-      <div class="container m-auto pt-24 md:ml-80 relative">
+      <div class="pt-24 relative w-full">
         <slot />
         <footer
-          class="text-theme-400 w-fit inset-0 mx-auto items-center text-center justify-center top-[100%] self-end absolute p-4"
+          class="text-theme-400 w-fit inset-0 mx-auto top-[100%] self-end absolute p-4"
         >
           <span class="text-sm"
             >Code licensed in GPLv3, Content licensed under CC-BY-SA. More

diff --git a/src/pages/[lang]/docs/[...slug].astro b/src/pages/[lang]/docs/[...slug].astro
@@ -21,7 +21,7 @@ const { Content } = await render(entry);
 
 <Layout>
   <div
-    class="prose prose-colors justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
+    class="prose prose-colors justify-center justify-items-center prose-sm px-2 md:prose-base lg:prose-lg xl:prose-xl mx-auto"
   >
     <h1>{entry.data.title}</h1>
     <Content />

diff --git a/src/pages/[lang]/preface.astro b/src/pages/[lang]/preface.astro
@@ -22,7 +22,7 @@ const { Content } = await render(entry);
 
 <Layout>
   <div
-    class="prose prose-colors justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
+    class="prose prose-colors justify-center justify-items-center prose-sm px-2 md:prose-base lg:prose-lg xl:prose-xl mx-auto"
   >
     <h1>{entry.data.title}</h1>
     <Content />

diff --git a/src/pages/[lang]/why-nixos.astro b/src/pages/[lang]/why-nixos.astro
@@ -22,7 +22,7 @@ const { Content } = await render(entry);
 
 <Layout>
   <div
-    class="prose prose-colors justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
+    class="prose prose-colors justify-center justify-items-center prose-sm px-2 md:prose-base lg:prose-lg xl:prose-xl mx-auto"
   >
     <h1>{entry.data.title}</h1>
     <Content />