diff --git a/web/src/assets/css/chat-plus.styl b/web/src/assets/css/chat-plus.styl
index a0e4d4ac..e77a016c 100644
--- a/web/src/assets/css/chat-plus.styl
+++ b/web/src/assets/css/chat-plus.styl
@@ -11,6 +11,7 @@ $borderColor = #4676d0;
 
     .el-aside {
       background-color: $sideBgColor;
+      height 100vh
 
       .title-box {
         padding: 6px 10px;
diff --git a/web/src/views/Index.vue b/web/src/views/Index.vue
index 014cedf4..53c337cc 100644
--- a/web/src/views/Index.vue
+++ b/web/src/views/Index.vue
@@ -27,7 +27,7 @@ const router = useRouter()
 
 const title = ref("Geek-AI 创作系统")
 const slogan = ref("我辈之人，先干为敬，陪您先把 AI 用起来")
-const size = window.innerHeight * 0.8
+const size = Math.max(window.innerWidth * 0.5, window.innerHeight * 0.8)
 const winHeight = window.innerHeight - 150
 
 onMounted(() => {