use flex-basis, remove default margin on quote

chrismwilliams · Apr 19, 2023 · a3c64fe · a3c64fe
1 parent 588e7d8
commit a3c64fe
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/components/blog/PostPreview.astro b/src/components/blog/PostPreview.astro
@@ -20,4 +20,4 @@ const postDate = getFormattedDate(date);
 		{post.data.title}
 	</a>
 </Element>
-{withDesc && <q class="line-clamp-3 mt-2 block italic">{post.data.description}</q>}
+{withDesc && <q class="line-clamp-3 block italic">{post.data.description}</q>}
diff --git a/src/pages/posts/[...page].astro b/src/pages/posts/[...page].astro
@@ -49,7 +49,7 @@ const paginationProps = {
 			<ul class="space-y-8 text-start">
 				{
 					page.data.map((p) => (
-						<li class="flex flex-col flex-wrap gap-x-2 sm:flex-row [&_q]:w-full">
+						<li class="flex flex-col flex-wrap gap-2 sm:flex-row [&_q]:basis-full">
 							<PostPreview post={p} as="h2" withDesc />
 						</li>
 					))

diff --git a/src/pages/tags/[tag]/[...page].astro b/src/pages/tags/[tag]/[...page].astro
@@ -51,14 +51,15 @@ const paginationProps = {
 
 <PageLayout meta={meta}>
 	<h1 class="title mb-6 flex items-center">
-		<a href="/tags/" class="text-accent sm:hover:underline">Tags</a><span class="me-3 ms-2">→</span>
+		<a href="/tags/" class="text-accent sm:hover:underline">Tags</a>
+		<span class="me-3 ms-2">→</span>
 		<span class="text-xl">#{tag}</span>
 	</h1>
 	<section aria-label="Blog post list">
 		<ul class="space-y-8">
 			{
 				page.data.map((p) => (
-					<li class="flex flex-col flex-wrap gap-x-2 sm:flex-row [&_q]:w-full">
+					<li class="flex flex-col flex-wrap gap-2 sm:flex-row [&_q]:basis-full">
 						<PostPreview post={p} as="h2" withDesc />
 					</li>
 				))