From ce2ff8c94a7f78c4665c5343a8d15affaa12f028 Mon Sep 17 00:00:00 2001
From: tim <nagisa12164@163.com>
Date: Wed, 2 Jul 2025 22:02:45 +0800
Subject: [PATCH] feat: page layout

---
 open-isle-cli/src/App.vue                      |  9 +++------
 open-isle-cli/src/components/MenuComponent.vue | 13 +++++++++++--
 open-isle-cli/src/views/HomePageView.vue       |  4 ++--
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/open-isle-cli/src/App.vue b/open-isle-cli/src/App.vue
index 4568ff505..733d2c336 100644
--- a/open-isle-cli/src/App.vue
+++ b/open-isle-cli/src/App.vue
@@ -4,7 +4,7 @@
 
     <div class="main-container">
       <MenuComponent :visible="menuVisible" />
-      <div class="content" :class="{ 'with-menu': menuVisible }">
+      <div class="content">
         <router-view />
       </div>
     </div>
@@ -26,16 +26,13 @@ export default {
 
 <style>
 .content {
-  transition: margin-left 0.3s ease;
+  flex: 1;
 }
-
 .main-container {
   display: flex;
-  justify-content: center;
   flex-direction: row;
   max-width: var(--page-max-width);
-  margin-left: auto;
-  margin-right: auto;
+  margin: 0 auto;
   background-color: var(--normal-background-color);
 }
 
diff --git a/open-isle-cli/src/components/MenuComponent.vue b/open-isle-cli/src/components/MenuComponent.vue
index 316d52be7..4c466d805 100644
--- a/open-isle-cli/src/components/MenuComponent.vue
+++ b/open-isle-cli/src/components/MenuComponent.vue
@@ -24,13 +24,22 @@ export default {
 .menu {
   width: 200px;
   background-color: var(--menu-background-color);
-  overflow-y: auto;
   height: calc(100vh - var(--header-height));
 }
 .slide-enter-active, .slide-leave-active {
-  transition: transform 0.3s ease;
+  transition: 
+    transform 0.3s ease,
+    opacity 0.3s ease,
+    width 0.3s ease;
 }
 .slide-enter-from, .slide-leave-to {
   transform: translateX(-100%);
+  opacity: 0;
+  width: 0;
+}
+.slide-enter-to, .slide-leave-from {
+  transform: translateX(0);
+  opacity: 1;
+  width: 200px;
 }
 </style>
diff --git a/open-isle-cli/src/views/HomePageView.vue b/open-isle-cli/src/views/HomePageView.vue
index b675f9d8e..fb9642996 100644
--- a/open-isle-cli/src/views/HomePageView.vue
+++ b/open-isle-cli/src/views/HomePageView.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="home-page">
-    <h1>Home Page</h1>
-    <p>Welcome to OpenIsle</p>
+    hello?
   </div>
 </template>
 
@@ -15,5 +14,6 @@ export default {
 .home-page {
   background-color: white;
   color: black;
+  height: 100%;
 }
 </style>