update post layout

ndinata · May 31, 2024 · 675ce6c · 675ce6c
1 parent 222eaaa
commit 675ce6c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/components/hanzi.astro b/src/components/hanzi.astro
@@ -17,7 +17,7 @@ const { type, char, sub, pinyin } = Astro.props;
       {!!pinyin && <span>{sub}</span>}
     </div>
   ) : (
-    <div class="-mr-1 flex flex-col items-center justify-center text-lg">
+    <div class="-mr-0.5 flex flex-col items-center justify-center text-lg">
       <span>{char}</span>
     </div>
   )

diff --git a/src/pages/_post-layout.astro b/src/pages/_post-layout.astro
@@ -53,7 +53,9 @@ const lastUpdatedDateStr = format(frontmatter.lastUpdatedDate, "dd MMM yyyy");
           }
         </div>
 
-        <div class="flex flex-wrap gap-2 gap-y-5 md:w-[58ch] md:self-center">
+        <div
+          class="flex flex-wrap gap-x-2 gap-y-6 md:w-[56ch] md:gap-x-1.5 md:self-center"
+        >
           <slot />
         </div>
       </div>

diff --git a/src/pages/posts/[...slug].astro b/src/pages/posts/[...slug].astro
@@ -45,7 +45,7 @@ const chars = parseMantramText(entry.body.trim());
   {
     chars.map((char) =>
       char.type === "linebr" ? (
-        <div class="flex h-3 w-full" />
+        <div class="flex h-1 w-full" />
       ) : (
         <Hanzi {...char} />
       ),
-Original file line number
+Diff line change
@@ Expand Up @@
               }
             </div>
-            <div class="flex flex-wrap gap-2 gap-y-5 md:w-[58ch] md:self-center">
+            <div
+              class="flex flex-wrap gap-x-2 gap-y-6 md:w-[56ch] md:gap-x-1.5 md:self-center"
+            >
               <slot />
             </div>
           </div>
@@ Expand Down @@