From 50abc892c76bf2f1825d08418d6b9c2b1a37601d Mon Sep 17 00:00:00 2001
From: moris <xinshisheng126@gmail.com>
Date: Sun, 22 Dec 2024 11:56:02 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20markdown=E3=81=AE=E3=83=87=E3=82=B6?=
 =?UTF-8?q?=E3=82=A4=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/components/Markdown.css | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/lib/components/Markdown.css b/src/lib/components/Markdown.css
index 7f5b1df..dd5acbb 100644
--- a/src/lib/components/Markdown.css
+++ b/src/lib/components/Markdown.css
@@ -1,13 +1,11 @@
 .markdown {
     width: 100%;
 
-    &>* {
-        max-width: 100%;
-        overflow: scroll;
+    @media (width>480px) {
+        font-size: 1.125em;
     }
 
     & h1 {
-        font-size: 2em;
         @media(width>999px){padding-top:50px;margin-top:0;}
     }
     & h1::before {
@@ -45,7 +43,6 @@
         line-height: 2em;
         @media (width>480px) {
             margin: 1em 2em;
-            font-size: 1.125em;
         }
     }
 
@@ -66,6 +63,7 @@
     & img {
         display: block;
         margin: 1em auto;
+        max-width: 100%;
         max-height: 60vh;
     }
 
@@ -77,15 +75,15 @@
         background-color: var(--code-color);
     }
     & pre {
-        margin: 16px;
-        padding: 16px;
+        margin: 1em;
+        padding: 1em;
         box-sizing: border-box;
         border-radius: 8px;
         background-color: var(--code-block);
         color: #d1d9e1;
         overflow-x: scroll;
         @media (width<480px) {
-            margin: 0;
+            margin: 1em 0;
         }
         & code {
             margin: 0;
@@ -96,7 +94,7 @@
     }
     & table {
         margin: 1rem auto;
-        font-size: 1.2em;
+        font-size: 1.2rem;
         border-collapse: collapse;
 
         & thead tr {
@@ -115,7 +113,8 @@
         position: relative;
         font-style: italic;
         width: fit-content;
-        padding: 1em;
+        max-width: 100%;
+        margin: 1em auto;
         border-top: 1px solid var(--font-color);
         border-bottom: 1px solid var(--font-color);