update

app/components/chat.module.scss

@@ -396,15 +396,14 @@
 }
 
 .chat-input-panel {
-  position: relative;
   width: 100%;
   padding: 20px;
   padding-top: 10px;
   box-sizing: border-box;
   flex-direction: column;
   border-top: var(--border-in-light);
   box-shadow: var(--card-shadow);
-
+  z-index: 999;
   .chat-input-actions {
     .chat-input-action {
       margin-bottom: 10px;

app/components/home.module.scss

@@ -4,8 +4,9 @@
   position: relative;
   margin: 0px;
   padding: 0;
-  overflow: hidden;
+  overflow:hidden;
   height: 100vh;
+  min-height: 480px;
 }
 
 .top-header{
@@ -14,7 +15,7 @@
 }
 
 .top_header {
-  width: 100%;
+  width: 100vw;
   height: 50px;
   color: #eee;
   line-height: 50px;

app/styles/globals.scss

@@ -1,6 +1,7 @@
 @import "./animation.scss";
 @import "./window.scss";
 
+
 @mixin light {
   --theme: light;
 
@@ -9,23 +10,20 @@
   --black: rgb(48, 48, 48);
   --gray: rgb(237, 237, 237);
   --primary: rgb(233, 30, 99);
-  --primary2:rgb(144, 57, 171);
+  --primary2: rgb(144, 57, 171);
   --second: rgb(255, 255, 255);
   --hover-color: #f3f3f3;
   --bar-color: rgba(0, 0, 0, 0.1);
   --theme-color: var(--gray);
 
-  --primary-text:#303133
-  --regular-text:#606266
-  --secondary-text:#909399
-  --placeholder-text:#C0C4CC
-
-  /* shadow */
-  --shadow: 50px 50px 100px 10px rgb(0, 0, 0, 0.1);
+  --primary-text: #303133 --regular-text:#606266 --secondary-text:#909399 --placeholder-text:#C0C4CC
+    /* shadow */
+    --shadow: 50px 50px 100px 10px rgb(0, 0, 0, 0.1);
   --card-shadow: 0px 2px 4px 0px rgb(0, 0, 0, 0.05);
   --card-shadow-b: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
   --card-shadow-top: 0px -2px 4px 0px rgba(0, 0, 0, 0.1);
-  --card-shadow-primary: 0px 2px 4px 0px rgb(233, 30, 99,0.1);;
+  --card-shadow-primary: 0px 2px 4px 0px rgb(233, 30, 99, 0.1);
+  ;
   /* stroke */
   --border-in-light: 1px solid rgb(222, 222, 222);
 }
@@ -38,7 +36,7 @@
   --black: rgb(48, 48, 48);
   --gray: rgb(237, 237, 237);
   --primary: rgb(233, 30, 99);
-  --primary2:rgb(144, 57, 171);
+  --primary2: rgb(144, 57, 171);
   --second: rgb(255, 255, 255);
   --hover-color: #f3f3f3;
   --bar-color: rgba(0, 0, 0, 0.1);
@@ -48,7 +46,8 @@
   --shadow: 50px 50px 100px 10px rgb(0, 0, 0, 0.1);
   --card-shadow: 0px 2px 4px 0px rgb(0, 0, 0, 0.05);
   --card-shadow-b: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
-  --card-shadow-primary: 0px 2px 4px 0px rgb(233, 30, 99,0.1);;
+  --card-shadow-primary: 0px 2px 4px 0px rgb(233, 30, 99, 0.1);
+  ;
   /* stroke */
   --border-in-light: 1px solid rgb(222, 222, 222);
 }
@@ -117,6 +116,7 @@
     @include dark;
   }
 }
+
 html {
   height: var(--full-height);
 
@@ -335,6 +335,7 @@ pre {
   &:hover {
     filter: brightness(0.9);
   }
+
   &:focus {
     filter: brightness(0.95);
   }
@@ -386,4 +387,4 @@ pre {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-}
+}