rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile and ipads

Browse Source
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
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; z-index: 30;
overflow: hidden; overflow: hidden;
right: 0; right: 0;
aspect-ratio: 2 / 3;
width: fit-content; width: fit-content;
max-height: calc(60vh - 60px); max-height: calc(60vh - 60px);
max-height: calc(60svh - 60px); max-height: calc(60svh - 60px);
max-width: 90vw; max-width: 90vw;
max-width: 90svw; max-width: 90svw;
left: 50%; 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, */ /* .world_entry_thin_controls, */
@@ -346,12 +350,17 @@
} }
body:not(.waifuMode) .zoomed_avatar { body:not(.waifuMode) .zoomed_avatar {
width: fit-content;
max-height: calc(60vh - 60px); max-height: calc(60vh - 60px);
max-height: calc(60svh - 60px); max-height: calc(60svh - 60px);
max-width: 90vw; max-width: 90vw;
max-width: 90svw; 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; overflow: hidden;
display: none; display: none;
right: 0; right: 0;
aspect-ratio: 2 / 3;
left: 50%; left: 50%;
transform: translateX(-50%); top: 50%;
transform: translateX(-50%) translateY(-50%);
align-items: center;
justify-content: center;
height: fit-content;
width: 100%;
} }
.drawer25pWidth { .drawer25pWidth {