set post image width to 90% for nicer readability

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>

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>
 

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;
   }