Fix layout shifting when navigating to /posts

2025-11-14 19:18:09 +13:00
parent 945f7e9d1c
commit 1323b5da88
2 changed files with 5 additions and 1 deletions
--- a/web/src/components/postList/postCard.astro
+++ b/web/src/components/postList/postCard.astro
@@ -7,7 +7,7 @@ const { p } = Astro.props
 ---

 <div class="mb-5 w-2/3">
-    <time datetime={p['publishDate']} class="min-w-[120px] text-gray-500">{getFormattedDate(p['publishDate'])}</time>
+    <time datetime={p['publishDate']} class=" text-gray-500">{getFormattedDate(p['publishDate'])}</time>
    <div>
        <a href={`/posts/${p['slug']}/`} rel="prefetch">
            <img src={ pb.files.getURL(p, p.headerImage) } class="rounded-xl border-12 border-white"/>
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -22,6 +22,10 @@
    --accent: #F9DC5C;
  }
  
+  html {
+    overflow-y: scroll;
+  }
+  
  html body {
    @apply font-[Georgia];
    @apply w-[68%] mx-auto h-full;