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

Better extensions style

Browse Source
This commit is contained in:
SillyLossy
2023-03-06 18:11:12 +02:00
parent 50743afaa9
commit 427c21ee8c
1 changed files with 14 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/scripts/extensions.js
View File

@ -12,17 +12,17 @@ let extensions = [];
<div class="extensions_url_block"> <div class="extensions_url_block">
<input id="extensions_connect" class="menu_button" type="submit" value="Connect" /> <input id="extensions_connect" class="menu_button" type="submit" value="Connect" />
<span class="expander"></span> <span class="expander"></span>
<input id="extensions_autoconnect" type="checkbox"/><h4>Auto-connect</h4> <label for="extensions_autoconnect"><input id="extensions_autoconnect" type="checkbox"/>Auto-connect</label>
</div> </div>
<div id="extensions_status">Not connected</div> <div id="extensions_status">Not connected</div>
<div id="extensions_settings">
<h4>Extension settings</h4>
</div>
<div id="extensions_loaded"> <div id="extensions_loaded">
<h4>Active extensions</h4> <h4>Active extensions</h4>
<ul id="extensions_list"> <ul id="extensions_list">
</ul> </ul>
</div> </div>
<div id="extensions_settings">
<h3>Extension settings</h3>
</div>
</div> </div>
`; `;
@ -41,8 +41,7 @@ let extensions = [];
} }
#extensions_status { #extensions_status {
margin: 10px; margin-bottom: 10px;
opacity: 0.85;
font-weight: 700; font-weight: 700;
} }
@ -50,28 +49,24 @@ let extensions = [];
background-color: green; background-color: green;
} }
.extensions_block input[type="submit"] {
cursor: pointer;
color: #fff;
opacity: 0.7;
padding: 10px;
font-size: 1rem;
height: 2.5rem;
transition: 0.3s;
}
.extensions_block input[type="checkbox"] { .extensions_block input[type="checkbox"] {
margin-left: 10px; margin-left: 10px;
margin-right: 10px;
}
label[for="extensions_autoconnect"] {
display: flex;
align-items: center;
margin: 0 !important;
} }
.extensions_url_block { .extensions_url_block {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 10px; justify-content: space-between;
width: 90%
} }
.extensions_url_block- h4 { .extensions_url_block h4 {
display: inline; display: inline;
} }