fix layout shift from postmeta with min height

probablyjassin · Nov 27, 2024 · d1413f6 · d1413f6
1 parent c03a5dd
commit d1413f6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/PostMeta.vue b/components/PostMeta.vue
@@ -1,7 +1,7 @@
 <template>
     <Suspense>
         <template #default>
-            <p class="text-[var(--background-400)]">
+            <p class="min-h-4 text-[var(--background-400)]">
                 {{ page?.date }} · {{ wordCount }} words
             </p>
         </template>

diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
@@ -5,9 +5,10 @@
 				<Suspense>
 					<template #default>
 						<main>
-							<div class="mb-[-30px]">
+							<div class="min-h-[1.65rem] mb-[-30px]">
 								<LazyPostMeta v-if="isMounted" />
 							</div>
+
 							<ContentLoader />
 							<hr />
 							<RelatedPosts v-if="isMounted" />