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

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
Download Patch File Download Diff File Expand all files Collapse all files

9
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 {

12
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);