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

fix width adapting for 3-column drop down panels

This commit is contained in:
RossAscends 2024-09-04 08:23:00 +09:00
parent 376e1f4ca2
commit e0c8488c3f
3 changed files with 17 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -342,16 +342,6 @@
} }
} }
@media screen and (min-width: 1001px) {
#ContextFormatting,
#UI-Theme-Block,
#UI-Customization,
#power-user-options-block {
flex: 1;
}
}
/*landscape mode phones and ipads*/ /*landscape mode phones and ipads*/
@media screen and (max-width: 1000px) and (orientation: landscape) { @media screen and (max-width: 1000px) and (orientation: landscape) {
body.waifuMode img.expression { body.waifuMode img.expression {
@ -502,4 +492,4 @@
#horde_model { #horde_model {
height: unset; height: unset;
} }
} }

8
public/index.html
View File

@ -3685,7 +3685,7 @@
</div> </div>
</div> </div>
<div id="user-settings-block-content" class="flex-container spaceEvenly"> <div id="user-settings-block-content" class="flex-container spaceEvenly">
<div name="UserSettingsFirstColumn" id="UI-Theme-Block" class="flex-container flexFlowColumn wide100p"> <div name="UserSettingsFirstColumn" id="UI-Theme-Block" class="flex-container flexFlowColumn wide100p flex1">
<div id="UI-presets-block" class="flex-container flexFlowColumn"> <div id="UI-presets-block" class="flex-container flexFlowColumn">
<h4 class="title_restorable"> <h4 class="title_restorable">
<span data-i18n="UI Theme">UI Theme</span> <span data-i18n="UI Theme">UI Theme</span>
@ -3902,7 +3902,7 @@
</div> </div>
</div> </div>
<div name="UserSettingsSecondColumn" id="UI-Customization" class="flex-container flexFlowColumn wide100p flexNoGap"> <div name="UserSettingsSecondColumn" id="UI-Customization" class="flex-container flexFlowColumn wide100p flexNoGap flex1">
<div name="CharacterHandlingToggles"> <div name="CharacterHandlingToggles">
<h4 data-i18n="Character Handling"> <h4 data-i18n="Character Handling">
Character Handling Character Handling
@ -4044,7 +4044,7 @@
</div> </div>
</div> </div>
</div> </div>
<div name="UserSettingsThirdColumn" id="power-user-options-block" class="flex-container wide100p"> <div name="UserSettingsThirdColumn" id="power-user-options-block" class="flex-container wide100p flex1">
<div id="power-user-option-checkboxes"> <div id="power-user-option-checkboxes">
<div name="ChatMessageHandlingToggles"> <div name="ChatMessageHandlingToggles">
@ -6502,4 +6502,4 @@
</script> </script>
</body> </body>
</html> </html>

13
public/style.css
View File

@ -4388,6 +4388,17 @@ 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;
@ -5461,4 +5472,4 @@ body:not(.movingUI) .drawer-content.maximized {
max-height: 50dvh; max-height: 50dvh;
resize: vertical; resize: vertical;
overflow: auto; overflow: auto;
} }