rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix mobile and ipads

This commit is contained in:
Cohee 2024-04-14 20:43:17 +03:00
parent a899160311
commit e3f24ac3a0
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
public/css/mobile-styles.css
View File

@ -28,14 +28,18 @@
z-index: 30;
overflow: hidden;
right: 0;
aspect-ratio: 2 / 3;
width: fit-content;
max-height: calc(60vh - 60px);
max-height: calc(60svh - 60px);
max-width: 90vw;
max-width: 90svw;
left: 50%;
transform: translateX(-50%);
top: 50%;
transform: translateX(-50%) translateY(-50%);
align-items: center;
justify-content: center;
height: fit-content;
width: 100%;
}
/* .world_entry_thin_controls, */
@ -346,12 +350,17 @@
}
body:not(.waifuMode) .zoomed_avatar {
width: fit-content;
max-height: calc(60vh - 60px);
max-height: calc(60svh - 60px);
max-width: 90vw;
max-width: 90svw;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
align-items: center;
justify-content: center;
height: fit-content;
width: 100%;
}
@ -372,9 +381,13 @@
overflow: hidden;
display: none;
right: 0;
aspect-ratio: 2 / 3;
left: 50%;
transform: translateX(-50%);
top: 50%;
transform: translateX(-50%) translateY(-50%);
align-items: center;
justify-content: center;
height: fit-content;
width: 100%;
}
.drawer25pWidth {