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

fix alignment/height of QuickReply settings Boxes

Browse Source
This commit is contained in:
RossAscends
2023-06-05 06:07:47 +09:00
parent 529006edb5
commit 9386f53ec6
3 changed files with 7 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
public/scripts/extensions/quick-reply/index.js
View File

@ -121,23 +121,23 @@ jQuery(async () => {
Enable Quick Replies Enable Quick Replies
</label> </label>
<small><i>Customize your Quick Replies:</i></small><br> <small><i>Customize your Quick Replies:</i></small><br>
<div class="flex-container"> <div class="flex-container alignitemsflexstart">
<input class="text_pole widthUnset" id="quickReply1Label" placeholder="(Add a button label)"> <input class="text_pole widthUnset" id="quickReply1Label" placeholder="(Add a button label)">
<textarea id="quickReply1Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea> <textarea id="quickReply1Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
</div> </div>
<div class="flex-container"> <div class="flex-container alignitemsflexstart">
<input class="text_pole widthUnset" id="quickReply2Label" placeholder="(Add a button label)"> <input class="text_pole widthUnset" id="quickReply2Label" placeholder="(Add a button label)">
<textarea id="quickReply2Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea> <textarea id="quickReply2Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
</div> </div>
<div class="flex-container"> <div class="flex-container alignitemsflexstart">
<input class="text_pole widthUnset" id="quickReply3Label" placeholder="(Add a button label)"> <input class="text_pole widthUnset" id="quickReply3Label" placeholder="(Add a button label)">
<textarea id="quickReply3Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea> <textarea id="quickReply3Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
</div> </div>
<div class="flex-container"> <div class="flex-container alignitemsflexstart">
<input class="text_pole widthUnset" id="quickReply4Label" placeholder="(Add a button label)"> <input class="text_pole widthUnset" id="quickReply4Label" placeholder="(Add a button label)">
<textarea id="quickReply4Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea> <textarea id="quickReply4Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
</div> </div>
<div class="flex-container"> <div class="flex-container alignitemsflexstart">
<input class="text_pole widthUnset" id="quickReply5Label" placeholder="(Add a button label)"> <input class="text_pole widthUnset" id="quickReply5Label" placeholder="(Add a button label)">
<textarea id="quickReply5Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea> <textarea id="quickReply5Mes" placeholder="(custom message here)" class="text_pole textarea_compact widthUnset flex1" rows="2"></textarea>
</div> </div>

3
public/scripts/extensions/quick-reply/style.css
View File

@ -41,7 +41,4 @@
opacity: 1; opacity: 1;
filter: brightness(1.2); filter: brightness(1.2);
cursor: pointer; cursor: pointer;
} }

2
public/style.css
View File

@ -937,10 +937,10 @@ select {
border: 1px solid var(--white30a); border: 1px solid var(--white30a);
border-radius: 10px; border-radius: 10px;
font-family: "Noto Sans", "Noto Color Emoji", sans-serif; font-family: "Noto Sans", "Noto Color Emoji", sans-serif;
padding: 7px; padding: 7px;
width: 100%; width: 100%;
margin: 5px 0; margin: 5px 0;
height: fit-content;
} }