v3

src/lib/BlogCard/Meta.svelte

@@ -10,7 +10,7 @@
 		<div class="flex flex-row items-center gap-2">
 			<div class="i-ic:outline-bookmarks text-xl -ml-1" />
 			{#each post.tags as tag}
-				<a href="/blog/tags/{tag.slug}" class="no-underline rounded-2 p-1 {isPost ? "bg-secondary" : "bg-primary"}">{tag.name}</a>
+				<a href="/blog/tags/{tag.slug}" class="no-underline rounded p-1 {isPost ? "bg-secondary" : "bg-primary"}">{tag.name}</a>
 			{/each}
 		</div>
 	{/if}

src/lib/BlogCard/PostContent.svelte

@@ -3,6 +3,6 @@
 </script>
 
 <div class="prose flex flex-col text-justify m-auto">
-	<img src={data.post.feature_image} alt="{data.post.title} image" class="rounded-2">
+	<img src={data.post.feature_image} alt="{data.post.title} image" class="rounded">
 	{@html data.post.html}
 </div>

src/lib/BlogCard/PostOuter.svelte

@@ -3,7 +3,7 @@
 	export let isPost: boolean = false;
 </script>
 
-<div class="flex flex-col gap-4 p-4 rounded-2 {isPost ? "" : "w-120 bg-secondary"}">
+<div class="flex flex-col gap-4 p-4 rounded {isPost ? "" : "w-110 bg-secondary"}">
 	<slot />
 
 	{#if url}

src/lib/BlogCard/PostsContainer.svelte

@@ -1,8 +1,3 @@
-<script lang="ts">
-	export let hasMt: boolean = false;
-	export let isHome: boolean = false;
-</script>
-
-<div class="flex flex-row flex-wrap gap-10 {hasMt ? "mt-16" : ""} {isHome ? "justify-center" : ""}">
+<div class="flex flex-row flex-wrap gap-4">
 	<slot />
 </div>

src/lib/BlogCard/SingleWordLists.svelte

@@ -6,6 +6,6 @@
 
 <div class="flex flex-col gap-4">
 	{#each items as item}
-		<a href="/blog/{name}/{item.slug}" class="bg-secondary sm:w-md p-2 rounded-2 no-underline">{item.name}</a>
+		<a href="/blog/{name}/{item.slug}" class="bg-secondary sm:w-md p-2 rounded no-underline">{item.name}</a>
 	{/each}
 </div>

src/lib/BlogCard/Title.svelte

@@ -5,7 +5,7 @@
 
 {#if !isPost}
 	{#if post.feature_image}
-		<img src={post.feature_image} alt="{post.title} image" class="rounded-2">
+		<img src={post.feature_image} alt="{post.title} image" class="rounded">
 	{/if}
 	<a href="/blog/{post.slug}" class="text-text no-underline hover:underline"><span class="text-xl font-bold">{post.title}</span></a>
 {:else}