From 739a4af71187e82fd58956e5ad36f0baefddf3c4 Mon Sep 17 00:00:00 2001
From: SayaAndy <montferrat@tuta.io>
Date: Wed, 15 Oct 2025 18:14:59 +0700
Subject: feat: improve measurements in layout

---
 views/partials/catalogue-blog-cards.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

(limited to 'views/partials/catalogue-blog-cards.html')

diff --git a/views/partials/catalogue-blog-cards.html b/views/partials/catalogue-blog-cards.html
index f96e0f1..041f3c8 100644
--- a/views/partials/catalogue-blog-cards.html
+++ b/views/partials/catalogue-blog-cards.html
@@ -1,15 +1,15 @@
 {{- range .BlogPages }}
-<hr class="first-of-type:hidden border-t-[0.3vh] my-2 border-dotted border-main-dark w-[80%] mx-auto">
+<hr class="first-of-type:hidden border-t-1 mx-auto">
 <div class="m-1 flex flex-row justify-center justify-items-center">
-    <img onclick="changeUrl('{{ .ArticleLink }}');" class="cursor-pointer object-cover rounded-[10%] select-none w-20 h-20 aspect-square my-1 mr-2" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/{{ .Thumbnail }}.webp">
-    <div class="grow my-1 mx-2 flex flex-col justify-center">
-        <div class="flex flex-row gap-[5%] max-w-[100%]">
-            <a onclick="changeUrl('{{ .ArticleLink }}');" class="flex-9/12 grow-0 block text-base cursor-pointer">
+    <img onclick="changeUrl('{{ .ArticleLink }}');" class="cursor-pointer object-cover rounded-lg select-none w-24 h-24 aspect-square my-2.5 mr-2" src="https://f003.backblazeb2.com/file/sayana-photos/webp-320p/{{ .Thumbnail }}.webp">
+    <div class="grow my-0.5 mx-1 flex flex-col justify-center">
+        <div class="flex flex-row gap-2 max-w-[100%]">
+            <a onclick="changeUrl('{{ .ArticleLink }}');" class="grow text-base cursor-pointer">
                 <span class="font-extrabold">{{ .Title }}</span>
                 <span class="font-extrabold select-none text-secondary">//</span>
                 <span class="italic text-secondary">{{ .ActionDate }}</span>
             </a>
-            <p class="flex-3/12 grow-0 text-base italic text-secondary text-right">{{ .PublishedTime }}</p>
+            <p class="basis-56 text-base italic text-secondary text-right">{{ .PublishedTime }}</p>
         </div>
         <p class="text-base text-main-dark">{{ .ShortDescription }}</p>
         <p class="text-base text-secondary italic">
-- 
cgit v1.3.1+17