From 8b8d03f2cf73e3b9c4fd4ce124f7228e1537fe92 Mon Sep 17 00:00:00 2001
From: June <self@breadone.net>
Date: Fri, 14 Nov 2025 18:33:59 +1300
Subject: [PATCH] set post image width to 90% for nicer readability

---
 web/src/components/post/toc.astro |  4 +++-
 web/src/pages/posts/[slug].astro  | 10 ++++++----
 web/src/styles/global.css         |  6 +++---
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/web/src/components/post/toc.astro b/web/src/components/post/toc.astro
index 3766c41..bf6c008 100644
--- a/web/src/components/post/toc.astro
+++ b/web/src/components/post/toc.astro
@@ -4,7 +4,9 @@
 
 <div id="toc-container" class="hidden">
     <p class="text-lg mt-4">Table of Contents</p>
-    <ul id="toc" class="text-md"/>
+    <ul id="toc" class="text-md">
+        <a href="#" class="b1-no-underline ml-3">[top]</a>
+    </ul>
 </div>
 
 <script>
diff --git a/web/src/pages/posts/[slug].astro b/web/src/pages/posts/[slug].astro
index e7cb9c0..39ab9dd 100644
--- a/web/src/pages/posts/[slug].astro
+++ b/web/src/pages/posts/[slug].astro
@@ -38,13 +38,15 @@ const readTime = calcReadTime(wordCount);
 
 </div>
 
-<div slot="content" class="py-12">
+<div id="post-content" slot="content" class="py-12">
     <Fragment set:html={content} />
 </div>
 
-<style>
-    img {
-        margin-inline: calc(var(--spacing) * 4);
+<style is:global>
+    #post-content img {
+        width: 90%;
+        margin-inline: auto;
+        display: block;
     }
 </style>
 
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index fd23d9d..17eda77 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -8,7 +8,7 @@
     font-display: swap;
     src: url("/fonts/barnum-roman.ttf");
   }
-
+  
   @font-face {
     font-family: Warbler;
     font-style: normal;
@@ -32,12 +32,12 @@
     @apply no-underline hover:underline;
     @apply decoration-(--accent);
   }
-
+  
   a {
     @apply text-black underline decoration-black;
     @apply hover:decoration-(--accent);
   }
-
+  
   h2 {
     @apply text-xl;
   }