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*/
@media screen and (max-width: 1000px) and (orientation: landscape) {
body.waifuMode img.expression {
@ -502,4 +492,4 @@
#horde_model {
height: unset;
}
}
}

8
public/index.html
View File

@ -3685,7 +3685,7 @@
</div>
</div>
<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">
<h4 class="title_restorable">
<span data-i18n="UI Theme">UI Theme</span>
@ -3902,7 +3902,7 @@
</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">
<h4 data-i18n="Character Handling">
Character Handling
@ -4044,7 +4044,7 @@
</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 name="ChatMessageHandlingToggles">
@ -6502,4 +6502,4 @@
</script>
</body>
</html>
</html>

13
public/style.css
View File

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