From cbceb9aebe6c7b0e14472d009ec02f0a0ca8d679 Mon Sep 17 00:00:00 2001
From: moris <moris@noreply.moris.day>
Date: Mon, 3 Mar 2025 12:29:37 +0900
Subject: [PATCH] =?UTF-8?q?css=20grid=E3=82=92=E4=B8=80=E6=8B=AC=E6=8C=87?=
 =?UTF-8?q?=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(DefaultStyle)/post/[slug]/+page.svelte   | 21 +++++++------------
 1 file changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index 38703cf..ff1b484 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -278,24 +278,20 @@
 		}
 
 		& .category {
-			grid-row: 1;
-			grid-column: 1;
+			grid-area: 1 / 1;
 		}
 
 		& .tags {
-			grid-row: 1;
-			grid-column: 3;
+			grid-area: 1 / 3;
 			white-space: nowrap;
 			overflow: hidden;
 			text-overflow: ellipsis;
 			@media(width<1000px) {
-				grid-row: 2;
-				grid-column: 1 / 5;
+				grid-area: 2 / 1 / 3 / 5;
 			}
 			@media(width<480px){
 				display: inline-block;
-				grid-row: 1;
-				grid-column: 3;
+				grid-area: 1 / 3;
 			}
 		}
 
@@ -313,22 +309,19 @@
 			width: 1px;
 			margin: 3px 0;
 			background-color: var(--font-color);
-			grid-row: 1;
-			grid-column: 2;
+			grid-area: 1 / 2;
 			@media(480px<width<1000px){
 				display: none;
 			}
 		}
 		& .date{
 			display: flex;
-			grid-row: 1;
-			grid-column: 4;
 			vertical-align: middle;
 			align-items: center;
+			grid-area: 1 / 4;
 			@media(width<480px){
 				display: inline-block;
-				grid-row: 2;
-				grid-column: 1 / 5;
+				grid-area: 2 / 1 / 3 / 5;
 			}
 		}
 		& .date svg{