From f7e93d4806884a0c7c2689cd7f11990093bfdf6a Mon Sep 17 00:00:00 2001
From: Ivan Kuzmenko <6745157+rndtrash@users.noreply.github.com>
Date: Wed, 22 Oct 2025 08:44:35 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=B4=D0=BE=D0=B3=D0=BD=D0=B0?=
 =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D1=8B=20=D0=BA?=
 =?UTF-8?q?=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=B5=D0=BA=20=D0=BD=D0=B0=20?=
 =?UTF-8?q?=D0=B3=D0=BB=D0=B0=D0=B2=D0=BD=D0=BE=D0=B9=20=D1=81=D1=82=D1=80?=
 =?UTF-8?q?=D0=B0=D0=BD=D0=B8=D1=86=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/BlogCard.svelte | 4 +++-
 src/routes/+page.svelte            | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/BlogCard.svelte b/src/lib/components/BlogCard.svelte
index 21e79d0..b40213d 100644
--- a/src/lib/components/BlogCard.svelte
+++ b/src/lib/components/BlogCard.svelte
@@ -17,6 +17,7 @@
 
 	export let post: App.BlogPost;
 	export let size: BlogCardSize = BlogCardSize.Both;
+	export let fullHeight = false;
 
 	const type: App.BlogPostType = post.type ?? 'article';
 	const dateNow = new Date().valueOf();
@@ -60,6 +61,7 @@
 <a
 	href="/blog/{post.slug}"
 	class="blog-card
+	{fullHeight ? 'min-h-full' : ''}
     {isPostUpdated ? 'updated' : isPostNew ? 'new' : ''}
     {shortClass('flex-col justify-baseline')}
     {fullClass('flex-row justify-stretch', 'sm:flex-row sm:justify-stretch')}"
@@ -103,7 +105,7 @@
 			{/if}
 			<div class="flex items-center gap-2 p-1 text-lg font-bold">
 				<Icon icon={blogPostTypeToIcon(type)} width={28} height={28} />
-				<span>
+				<span class={shortClass('hidden', 'not-md:hidden')}>
 					{blogPostTypeToString(type)}
 				</span>
 			</div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 1e6f7a7..da806ec 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -89,7 +89,7 @@
 	<div class="flex flex-row items-stretch justify-evenly gap-4 overflow-x-auto p-4">
 		{#each page.data.posts as post, i}
 			<div class="aspect-3/2 w-80 shrink-0">
-				<BlogCard {post} size={BlogCardSize.Short} />
+				<BlogCard {post} size={BlogCardSize.Short} fullHeight />
 			</div>
 		{/each}
 	</div>