refactor: remove back button and adjust page detail styles

src/components/BackButton.astro

@@ -1,32 +0,0 @@
-<button
-  aria-label="Go back"
-  id="back-button"
-  class="aspect-square w-4 c-secondary active:scale-90"
->
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-  >
-    <path d="M12.7 1.7.9 12.1l11.8 10.3.2 1.5h.9l-.6-5.4h-.9l.2 2.4-9.2-8h19.8v-1.6H4.2L12.4 4l-.2 2.3h.9l.6-6.3h-.9l-.2 1.6Z" />
-  </svg>
-</button>
-
-<script>
-function setupBackButton() {
-  const backButton = document.getElementById('back-button')
-  if (backButton) {
-    backButton.addEventListener('click', (e) => {
-      if (window.history.length > 2) {
-        e.preventDefault()
-        window.history.back()
-        return false
-      }
-      return true
-    })
-  }
-}
-
-document.addEventListener('astro:after-swap', setupBackButton)
-setupBackButton()
-</script>

src/components/MobileHeader.astro

@@ -14,7 +14,7 @@ const marginBottom = {
   }[titleSpace] || 'mb-2.875'
 ---
 
-<header class="mb-12.25 lg:hidden">
+<header class="mb-10.625 lg:hidden">
   <h3 class={`${marginBottom} mt-2.9375 text-5.375 c-secondary font-bold font-title`}>
     <!-- Fix text cut issue on ios by adding a div tag -->
     <div

src/content/posts/retypeset_zh.md

@@ -4,4 +4,4 @@ published: 2024-01-25
 tags: ["Astro", "Markdown"]
 ---
 
-一款基于 <a href="https://astro.build/">Astro</a> 框架的博客主题，最初灵感来自 <a href="https://astro-theme-typography.vercel.app/">Typography</a>。本主题通过建立统一的视觉规范，对原主题的所有页面进行重新编排，尽力还原传统印刷的阅读体验，同时不失现代设计的简约感受。所见皆为细节，方寸尽显优雅。
+一款基于 <a href="https://astro.build/">Astro</a> 框架的博客主题，最初灵感来主题介绍自 <a href="https://astro-theme-typography.vercel.app/">Typography</a>。本主题通过建立统一的视觉规范，对原主题的所有页面进行重新编排，尽力还原传统印刷的阅读体验，同时不失现代设计的简约感受。所见皆为细节，方寸尽显优雅。

src/layouts/Layout.astro

@@ -51,7 +51,7 @@ const fontStyle = themeConfig.global.fontStyle === 'serif' ? 'font-serif' : 'fon
       <main class="col-start-1 row-start-1">
         <slot />
       </main>
-      <Footer class="mt-12 block lg:hidden" />
+      <Footer class="mt-13 block lg:hidden" />
     </div>
 
     <!--  fix position issue on ios   -->

src/pages/about.astro

@@ -3,7 +3,7 @@ import Layout from '@/layouts/Layout.astro'
 ---
 
 <Layout>
-  <div class="h-0.125 w-10 bg-secondary opacity-25"></div>
+  <div class="h-0.25 w-10 bg-secondary opacity-25"></div>
   <div class="heti mt-4.375">
     <p>一款基于 <a href="https://astro.build/">Astro</a> 框架的博客主题，最初灵感来自 <a href="https://astro-theme-typography.vercel.app/">Typography</a>。本主题通过建立统一的视觉规范，对原主题的所有页面进行重新编排，尽力还原传统印刷的阅读体验，同时不失现代设计的简约感受。所见皆为细节，方寸尽显优雅。</p>
   </div>

src/pages/index.astro

@@ -30,7 +30,7 @@ const postsByYear = await getPostsByYear()
       // Year Group
       <section class="mb-7.5">
         {/* Decorative Line */}
-        <div class="h-0.125 w-10 bg-secondary opacity-25"></div>
+        <div class="h-0.25 w-10 bg-secondary opacity-25"></div>
         {/* Posts List */}
         <ul>
           {posts.map(post => (

src/pages/posts/[slug].astro

@@ -1,5 +1,4 @@
 ---
-import BackButton from '@/components/BackButton.astro'
 import Layout from '@/layouts/Layout.astro'
 import { checkSlugDuplication } from '@/utils/content'
 import { generatePostPaths } from '@/utils/i18n'
@@ -26,7 +25,6 @@ const { Content, remarkPluginFrontmatter } = await post.render()
   postImage={post.data.image}
 >
   <article class="heti">
-    <BackButton />
     <h1 class="post-title">
       <span
         transition:name={`post-${post.data.slug || post.slug}`}
@@ -37,7 +35,7 @@ const { Content, remarkPluginFrontmatter } = await post.render()
     </h1>
 
     <div
-      class="mb-11.75 block c-primary font-time"
+      class="mb-15.5 block c-primary font-time"
       transition:name={`time-${post.data.slug || post.slug}`}
       data-disable-transition-on-theme
     >
@@ -51,8 +49,8 @@ const { Content, remarkPluginFrontmatter } = await post.render()
     <Content />
 
     {post.data.tags && post.data.tags.length > 0 && (
-      <div class="mt-11.75">
-        <div class="h-0.125 w-10 bg-secondary opacity-25"></div>
+      <div class="mt-11.125">
+        <div class="h-0.25 w-10 bg-secondary opacity-25"></div>
         <div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
           {post.data.tags.map(tag => (
             <a

src/pages/tags/[tag].astro

@@ -16,7 +16,7 @@ const allTags = await getAllTags()
 ---
 
 <Layout>
-  <div class="h-0.125 w-10 bg-secondary opacity-25"></div>
+  <div class="h-0.25 w-10 bg-secondary opacity-25"></div>
   <div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
     {allTags.map(tag => (
       <a

src/pages/tags/index.astro

@@ -6,7 +6,7 @@ const allTags = await getAllTags()
 ---
 
 <Layout>
-  <div class="h-0.125 w-10 bg-secondary opacity-25"></div>
+  <div class="h-0.25 w-10 bg-secondary opacity-25"></div>
   <div class="mt-4.375 w-95% flex flex-wrap gap-x-3 gap-y-3.6">
     {allTags.map(tag => (
       <a

src/styles/heti.css

@@ -115,7 +115,7 @@
 	font-weight:600
 }
 .heti .post-title {
-  --at-apply: 'mt-2 c-primary mb-2 font-bold text-9 leading-12';
+  --at-apply: 'c-primary mb-2 font-bold text-9 leading-12';
 	line-height:48px
 }
 .heti h1 {