From 619260809d8d611bf4062ad2d54f9a1bfa640fb2 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Fri, 18 Jul 2025 11:25:11 +0800
Subject: [PATCH] style: improve mobile markdown layout

---
 open-isle-cli/src/assets/global.css      | 10 ++++++++++
 open-isle-cli/src/views/PostPageView.vue | 16 ++++++++++++++++
 2 files changed, 26 insertions(+)

diff --git a/open-isle-cli/src/assets/global.css b/open-isle-cli/src/assets/global.css
index 77925f063..d86c4b3b6 100644
--- a/open-isle-cli/src/assets/global.css
+++ b/open-isle-cli/src/assets/global.css
@@ -80,6 +80,11 @@ body {
   padding-left: 1.5em;
 }
 
+.info-content-text {
+  word-break: break-word;
+  max-width: 100%;
+}
+
 .info-content-text blockquote {
   margin: 1em 0;
   padding-left: 1em;
@@ -92,6 +97,8 @@ body {
   padding: 8px 12px;
   border-radius: 4px;
   line-height: 1.0;
+  overflow-x: auto;
+  max-width: 100%;
 }
 
 .info-content-text code {
@@ -168,6 +175,9 @@ body {
 }
 
 @media (max-width: 768px) {
+  .info-content-text {
+    font-size: 14px;
+  }
   .info-content-text h1 {
     font-size: 20px;
   }
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index 5456994af..42157f5d2 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -818,6 +818,22 @@ export default {
     padding: 10px;
   }
 
+  .article-title {
+    font-size: 22px;
+  }
+
+  .user-name {
+    font-size: 14px;
+  }
+
+  .post-time {
+    font-size: 12px;
+  }
+
+  .reactions-viewer-item {
+    font-size: 14px;
+  }
+
   .post-page-scroller-container {
     display: none;
   }