From d04e207a646e07b4c61a98deff61fc36cce0cdcb Mon Sep 17 00:00:00 2001
From: moris <moris@noreply.moris.day>
Date: Thu, 27 Feb 2025 09:10:56 +0900
Subject: [PATCH] margin-inline

---
 src/lib/components/Markdown.css                    | 4 ++--
 src/routes/(DefaultStyle)/[slug]/+page.svelte      | 2 +-
 src/routes/(DefaultStyle)/[slug]/grid.svelte       | 2 +-
 src/routes/(DefaultStyle)/post/[slug]/+page.svelte | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/Markdown.css b/src/lib/components/Markdown.css
index 110a4b7..0b0f879 100644
--- a/src/lib/components/Markdown.css
+++ b/src/lib/components/Markdown.css
@@ -74,8 +74,8 @@
 
     & code {
         font-size: 1rem;
-        margin: 0 3px;
-        padding: 0 3px;
+        margin-inline: 3px;
+        padding-inline: 3px;
         border-radius: 3px;
         background-color: var(--code-color);
     }
diff --git a/src/routes/(DefaultStyle)/[slug]/+page.svelte b/src/routes/(DefaultStyle)/[slug]/+page.svelte
index 4ce3cf6..ee4303c 100644
--- a/src/routes/(DefaultStyle)/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/[slug]/+page.svelte
@@ -47,7 +47,7 @@
 		grid-template-rows: max-content;
 		gap: 25px;
 		justify-content: center;
-		margin: 0 auto;
+		margin-inline: auto;
 		max-width: 1599px;
 	}
 	.post {
diff --git a/src/routes/(DefaultStyle)/[slug]/grid.svelte b/src/routes/(DefaultStyle)/[slug]/grid.svelte
index d6d48ba..5be486a 100644
--- a/src/routes/(DefaultStyle)/[slug]/grid.svelte
+++ b/src/routes/(DefaultStyle)/[slug]/grid.svelte
@@ -59,7 +59,7 @@
             max-width: 100%;
             max-height: 100%;
             object-fit: contain;
-            margin: 0 auto;
+            margin-inline: auto;
             transition: transform .3s ease-out;
         }
         & div.emoji {
diff --git a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
index 033361c..e1a293b 100644
--- a/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
+++ b/src/routes/(DefaultStyle)/post/[slug]/+page.svelte
@@ -201,7 +201,7 @@
 	article {
 		min-width: 0;
 		max-width: 60rem;
-		margin: 0 auto;
+		margin-inline: auto;
 		flex-grow: 1;
 		padding: 0 20px;
 		border-radius: 8px;
@@ -221,7 +221,7 @@
 		}
 		& .thumbnail {
 			display: block;
-			margin: 0 auto;
+			margin-inline: auto;
 			max-height: 50vh;
 		}
 		& img.thumbnail {