From 08c78c8666ab5e79315d77dd0f370fb2ec3b3526 Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Tue, 29 Jul 2025 18:31:30 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20router=20=E9=A1=B5=E9=9D=A2=E5=AE=BD?=
 =?UTF-8?q?=E5=BA=A6=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 open-isle-cli/src/App.vue | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/open-isle-cli/src/App.vue b/open-isle-cli/src/App.vue
index 787560279..f8d7eeae7 100644
--- a/open-isle-cli/src/App.vue
+++ b/open-isle-cli/src/App.vue
@@ -10,7 +10,10 @@
         :visible="!hideMenu && menuVisible"
         @item-click="menuVisible = false"
       />
-      <div class="content">
+      <div
+        class="content"
+        :class="{ 'menu-open': menuVisible && !hideMenu }"
+      >
         <router-view />
       </div>
     </div>
@@ -75,7 +78,14 @@ export default {
 <style>
 .content {
   flex: 1;
+  max-width: 100%;
+  transition: max-width 0.3s ease;
 }
+
+.content.menu-open {
+  max-width: calc(100% - var(--menu-width));
+}
+
 .main-container {
   display: flex;
   flex-direction: row;
@@ -83,4 +93,10 @@ export default {
   margin: 0 auto;
 }
 
+@media (max-width: 768px) {
+  .content,
+  .content.menu-open {
+    max-width: 100% !important;
+  }
+}
 </style>