From ca45fed0aa47d0b4cf03fdf4203e0b20cf14016e Mon Sep 17 00:00:00 2001
From: radishzzz <shuyinsen@gmail.com>
Date: Sat, 22 Mar 2025 12:59:41 +0000
Subject: [PATCH] fix: title and content start position on mobile post pages

---
 pnpm-lock.yaml                  | 8 ++++----
 src/components/Header.astro     | 6 ++++--
 src/pages/[...posts_slug].astro | 2 +-
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 585578c..e0e11da 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -3740,8 +3740,8 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yocto-queue@1.2.0:
-    resolution: {integrity: sha512-KHBC7z61OJeaMGnF3wqNZj+GGNXOyypZviiKpQeiHirG5Ib1ImwcLBH70rbMSkKfSmUNBsdf2PwaEJtKvgmkNw==}
+  yocto-queue@1.2.1:
+    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:
diff --git a/src/components/Header.astro b/src/components/Header.astro
index a6e8653..715c54b 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -28,8 +28,10 @@ const SubtitleTag = isPost ? 'div' : 'h2'
 ---
 
 <header
-  class="mb-10.5"
-  lg="uno-desktop-column top-20"
+  class:list={[
+    isPost ? 'mb-10.8' : 'mb-10.5',
+    'lg:(uno-desktop-column top-20)',
+  ]}
 >
   <TitleTag
     class:list={[
diff --git a/src/pages/[...posts_slug].astro b/src/pages/[...posts_slug].astro
index 8fd791d..d39ab64 100644
--- a/src/pages/[...posts_slug].astro
+++ b/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
     >