add padding on mobile

azuline · Jun 9, 2024 · 20626ed · 20626ed
1 parent 39bd237
commit 20626ed
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/posts/template.jinja b/src/posts/template.jinja
@@ -9,16 +9,18 @@
     <title>{{ meta.title }}</title>
   </head>
   <body>
-    <div class="max-w-36 mx-auto py-8">
-      <div class="display text-sm mono"><a class="decoration-none fg-primary" href="/">sunset glow</a></div>
-      <div class="py-16" />
-      <div class="flex flex-col gap-4">
-        <div class="display text-xxl medium">{{ meta.title }}</div>
-        <div class="display text-sm fg-secondary italic">{{ meta.date | formatdate }}</div>
-      </div>
-      <div class="pb-8 w-full"></div>
-      <div class="pandoc">
-        {{ body | safe }}
+    <div class="w-content mx-auto p-8">
+      <div class="max-w-36">
+        <div class="display text-sm mono"><a class="decoration-none fg-primary" href="/">sunset glow</a></div>
+        <div class="py-16" />
+        <div class="flex flex-col gap-4">
+          <div class="display text-xxl medium">{{ meta.title }}</div>
+          <div class="display text-sm fg-secondary italic">{{ meta.date | formatdate }}</div>
+        </div>
+        <div class="pb-8 w-full"></div>
+        <div class="pandoc">
+          {{ body | safe }}
+        </div>
       </div>
     </div>
   </body>