From 20836cd502f352919c2bd73df0baab5133d148c5 Mon Sep 17 00:00:00 2001
From: Michal Vanko <mklakakilli@gmail.com>
Date: Thu, 5 Sep 2024 21:31:09 +0200
Subject: [PATCH] fix grid on blog preview

---
 axum_server/styles/output.css                           | 8 ++++++++
 axum_server/templates/components/blog_post_preview.html | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/axum_server/styles/output.css b/axum_server/styles/output.css
index 7e79a0e..9171195 100644
--- a/axum_server/styles/output.css
+++ b/axum_server/styles/output.css
@@ -724,6 +724,14 @@ video {
   grid-template-columns: 1fr 2fr;
 }
 
+.grid-cols-\[min-content_1fr\] {
+  grid-template-columns: min-content 1fr;
+}
+
+.grid-cols-\[max-content_1fr\] {
+  grid-template-columns: max-content 1fr;
+}
+
 .flex-row {
   flex-direction: row;
 }
diff --git a/axum_server/templates/components/blog_post_preview.html b/axum_server/templates/components/blog_post_preview.html
index a7417a8..cf5ecc9 100644
--- a/axum_server/templates/components/blog_post_preview.html
+++ b/axum_server/templates/components/blog_post_preview.html
@@ -1,4 +1,4 @@
-<article class="grid grid-cols-[1fr_2fr] grid-flow-col gap-4">
+<article class="grid grid-cols-[max-content_1fr] grid-flow-col gap-4">
 	<aside class="row-span-3">
 		{% match post.metadata.thumbnail %}
 		{% when Some with (orig_path) %}