فهرست منبع

fix: 修复在手机浏览器高度样式问题

Dogtiti 1 سال پیش
والد
کامیت
5f7a264e52
2فایلهای تغییر یافته به همراه4 افزوده شده و 5 حذف شده
  1. 0 4
      app/components/home.module.scss
  2. 4 1
      app/styles/globals.scss

+ 0 - 4
app/components/home.module.scss

@@ -218,7 +218,6 @@
   flex: 1;
   overflow: auto;
   padding: 20px;
-  margin-bottom: 100px;
 }
 
 .chat-body-title {
@@ -342,9 +341,6 @@
 }
 
 .chat-input-panel {
-  position: absolute;
-  bottom: 0px;
-  display: flex;
   width: 100%;
   padding: 20px;
   box-sizing: border-box;

+ 4 - 1
app/styles/globals.scss

@@ -53,7 +53,7 @@
   --sidebar-width: 300px;
   --window-content-width: calc(100% - var(--sidebar-width));
   --message-max-width: 80%;
-  --full-height: 100vh;
+  --full-height: 100%;
 }
 
 @media only screen and (max-width: 600px) {
@@ -75,6 +75,9 @@
     @include dark;
   }
 }
+html {
+  height: var(--full-height);
+}
 
 body {
   background-color: var(--gray);