7x31/ChatGPT-Next-Web
1
0
Fork 0
mirror of https://github.com/Yidadaa/ChatGPT-Next-Web.git synced 2025-08-08 17:44:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: tight border on mobile style

Browse Source
This commit is contained in:
Yifei Zhang
2023-03-30 16:20:47 +00:00
parent bf50ebac94
commit 1b140a1ed3
5 changed files with 32 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/styles/globals.scss
View File

@@ -53,12 +53,13 @@
--sidebar-width: 300px;
--window-content-width: calc(100% - var(--sidebar-width));
--message-max-width: 80%;
--full-height: 100vh;
}
@media only screen and (max-width: 600px) {
:root {
--window-width: 100vw;
--window-height: 100vh;
--window-height: var(--full-height);
--sidebar-width: 100vw;
--window-content-width: var(--window-width);
--message-max-width: 100%;
@@ -80,7 +81,7 @@ body {
color: var(--black);
margin: 0;
padding: 0;
height: 100vh;
height: var(--full-height);
width: 100vw;
display: flex;
justify-content: center;
@@ -201,7 +202,7 @@ div.math {
position: fixed;
top: 0;
left: 0;
height: 100vh;
height: var(--full-height);
width: 100vw;
background-color: rgba($color: #000000, $alpha: 0.5);
display: flex;