rixty
/
KoboldAI-Client
mirror of https://github.com/KoboldAI/KoboldAI-Client.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

Adjusted popup menus to work better on even lower resolution mobile screens. Should work all the way down to 280px wide (galaxy fold)

This commit is contained in:
ebolam 2024-01-27 09:28:56 -05:00
parent 19e59cc603
commit 9cec155f1c
1 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
static/koboldai.css
View File

@ -416,6 +416,7 @@ border-top-right-radius: var(--tabs_rounding);
padding: 5px;
padding-top: 0px;
font-size: calc(0.8em + var(--font_size_adjustment));
text-align: left;
}
.setting_maxlabel {
@ -2091,7 +2092,7 @@ body {
position: absolute;
top: 10vh;
left: 10%;
z-index: 999;
z-index: 999999;
width: 80%;
height: 80vh;
border-radius: 15px;
@ -2108,7 +2109,7 @@ body {
position: absolute;
top: 10vh;
left: 25%;
z-index: 999;
z-index: 999999;
width: 50%;
height: 80vh;
border-radius: 15px;
@ -2120,6 +2121,21 @@ body {
}
}
@media only screen and (max-width: 359px) {
.popup {
position: absolute;
top: 0%;
left: 0%;
z-index: 999999;
width: 100%;
height: 100%;
background-color: var(--popup_background_color);
display: flex;
flex-direction: column;
overflow: hidden;
}
}
.popup .title {
width: 100%;
background-color: var(--popup_title_bar_color);