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

Better layout for user settings on small screens

This commit is contained in:
Cohee 2023-09-03 02:00:51 +03:00
parent aebf173720
commit 1e24d97fd8
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -271,7 +271,11 @@
} }
@media screen and (min-width: 1001px) { @media screen and (min-width: 1001px) {
#PygOverrides, #ContextFormatting { #PygOverrides,
#ContextFormatting,
#UI-Theme-Block,
#UI-Customization,
#power-user-options-block {
flex: 1; flex: 1;
} }
} }

7
public/index.html
View File

@ -2701,7 +2701,7 @@
<div id="version_display"></div> <div id="version_display"></div>
</div> </div>
<div class="flex-container spaceEvenly"> <div class="flex-container spaceEvenly">
<div id="UI-Theme-Block" class="flex-container flexFlowColumn drawer33pWidth"> <div id="UI-Theme-Block" class="flex-container flexFlowColumn wide100p">
<div id="color-picker-block" class="flex-container flexFlowColumn flexNoGap"> <div id="color-picker-block" class="flex-container flexFlowColumn flexNoGap">
<div id="UI-Mode-Block"> <div id="UI-Mode-Block">
<h4 data-i18n="UI Mode"> <h4 data-i18n="UI Mode">
@ -2837,7 +2837,7 @@
</div> </div>
</div> </div>
<div name="UI Customization" class="flex-container drawer33pWidth"> <div id="UI-Customization" class="flex-container wide100p">
<div class="ui-settings"> <div class="ui-settings">
<h4><span data-i18n="UI Customization">UI Customization</span></h4> <h4><span data-i18n="UI Customization">UI Customization</span></h4>
<div data-newbie-hidden class="range-block"> <div data-newbie-hidden class="range-block">
@ -2972,8 +2972,7 @@
</div> </div>
</div> </div>
<div id="power-user-options-block" class="flex-container wide100p">
<div id="power-user-options-block" class="flex-container drawer33pWidth">
<div id="power-user-option-checkboxes"> <div id="power-user-option-checkboxes">
<h4 data-i18n="Power User Options">Power User Options</h4> <h4 data-i18n="Power User Options">Power User Options</h4>
<label data-newbie-hidden class="checkbox_label" for="swipes-checkbox"> <label data-newbie-hidden class="checkbox_label" for="swipes-checkbox">