singlexyz/ChatGPT-Next-Web
1
0
Fork 0
forked from XiaoMo/ChatGPT-Next-Web
Code Pull Requests Activity

Merge pull request #285 from Dogtiti/main

Browse Source 
修复在移动端高度被搜索栏占用导致无法完整显示一屏问题
This commit is contained in:
Yifei Zhang 2023-04-01 02:02:05 +08:00 committed by GitHub
commit ba08b10de1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/components/home.module.scss
View File

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

5
app/styles/globals.scss
View File

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