breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix layout shifting when navigating to /posts

Browse Source
This commit is contained in:
June
2025-11-14 19:18:09 +13:00
parent 945f7e9d1c
commit 1323b5da88
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/postList/postCard.astro
View File

@@ -7,7 +7,7 @@ const { p } = Astro.props
--- ---
<div class="mb-5 w-2/3"> <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> <div>
<a href={`/posts/${p['slug']}/`} rel="prefetch"> <a href={`/posts/${p['slug']}/`} rel="prefetch">
<img src={ pb.files.getURL(p, p.headerImage) } class="rounded-xl border-12 border-white"/> <img src={ pb.files.getURL(p, p.headerImage) } class="rounded-xl border-12 border-white"/>

4
web/src/styles/global.css
View File

@@ -22,6 +22,10 @@
--accent: #F9DC5C; --accent: #F9DC5C;
} }
html {
overflow-y: scroll;
}
html body { html body {
@apply font-[Georgia]; @apply font-[Georgia];
@apply w-[68%] mx-auto h-full; @apply w-[68%] mx-auto h-full;