fix: title and content start position on mobile post pages

pnpm-lock.yaml

@@ -3740,8 +3740,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-queue@1.2.0:
+  yocto-queue@1.2.1:
-    resolution: {integrity: sha512-KHBC7z61OJeaMGnF3wqNZj+GGNXOyypZviiKpQeiHirG5Ib1ImwcLBH70rbMSkKfSmUNBsdf2PwaEJtKvgmkNw==}
+    resolution: {integrity: sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==}
     engines: {node: '>=12.20'}
 
   yocto-spinner@0.2.1:
@@ -7094,7 +7094,7 @@ snapshots:
 
   p-limit@6.2.0:
     dependencies:
-      yocto-queue: 1.2.0
+      yocto-queue: 1.2.1
 
   p-locate@5.0.0:
     dependencies:
@@ -8199,7 +8199,7 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
-  yocto-queue@1.2.0: {}
+  yocto-queue@1.2.1: {}
 
   yocto-spinner@0.2.1:
     dependencies:

src/components/Header.astro

@@ -28,8 +28,10 @@ const SubtitleTag = isPost ? 'div' : 'h2'
 ---
 
 <header
-  class="mb-10.5"
+  class:list={[
-  lg="uno-desktop-column top-20"
+    isPost ? 'mb-10.8' : 'mb-10.5',
+    'lg:(uno-desktop-column top-20)',
+  ]}
 >
   <TitleTag
     class:list={[

src/pages/[...posts_slug].astro

@@ -122,7 +122,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
 
     <!-- Date -->
     <div
-      class="mb-16.8 block c-primary font-time"
+      class="mb-16.3 block c-primary font-time"
       transition:name={`time-${post.data.abbrlink || post.slug}-${lang}`}
       data-disable-transition-on-theme
     >