rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-03-02 02:47:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

Always use 3-column layout on desktop and 1-column on phone

Browse Source
This commit is contained in:
Cohee 2024-09-04 02:43:35 +03:00
parent e0c8488c3f
commit a71753b243
3 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,14 @@
/*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/ /*will apply to anything 1000px or less. this catches ipads, horizontal phones, and vertical phones)*/
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
#UI-Theme-Block,
#UI-Customization,
#power-user-options-block,
#ContextSettings,
#InstructSettingsColumn,
#InstructSequencesColumn {
flex-basis: auto;
}
#send_form.compact #leftSendForm, #send_form.compact #leftSendForm,
#send_form.compact #rightSendForm { #send_form.compact #rightSendForm {
@ -492,4 +501,4 @@
#horde_model { #horde_model {
height: unset; height: unset;
} }
} }

2
public/index.html
View File

@ -6502,4 +6502,4 @@
</script> </script>
</body> </body>
</html> </html>

14
public/style.css
View File

@ -4388,18 +4388,6 @@ body.big-avatars .missing-avatar {
text-align: center; text-align: center;
} }
#UI-Theme-Block,
#UI-Customization,
#power-user-options-block,
#ContextSettings,
#InstructSettingsColumn,
#InstructSequencesColumn {
flex-basis: 250px;
}
.userSettingsInnerExpandable { .userSettingsInnerExpandable {
border: 1px solid; border: 1px solid;
border-color: var(--SmartThemeBorderColor); border-color: var(--SmartThemeBorderColor);
@ -5472,4 +5460,4 @@ body:not(.movingUI) .drawer-content.maximized {
max-height: 50dvh; max-height: 50dvh;
resize: vertical; resize: vertical;
overflow: auto; overflow: auto;
} }