rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Merge pull request #62 from GuiAworld/UI2

Browse Source 
Another batch of tweaks
This commit is contained in:
ebolam
2022-08-25 11:12:24 -04:00
committed by GitHub
parent bc7bf55738 bd68b049e4
commit 436863b84c
3 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
static/koboldai.css
View File

@@ -595,7 +595,7 @@ input[type="range"]::-ms-fill-upper {
.var_sync_system_theme_list{ .var_sync_system_theme_list{
padding: 6px 0 9px 0; padding: 6px 0 9px 0;
margin-left: 5px; margin-left: 10px;
border-radius: 5px; border-radius: 5px;
color: var(--dropdown_text); color: var(--dropdown_text);
background: var(--dropdown_background); background: var(--dropdown_background);
@@ -608,6 +608,7 @@ input[type="range"]::-ms-fill-upper {
#save_theme_area { #save_theme_area {
width: 100%; width: 100%;
position: relative;
} }
#save_theme_name { #save_theme_name {
@@ -693,7 +694,7 @@ input[type="range"]::-ms-fill-upper {
.rightSideMenu .flyout_menu_contents { .rightSideMenu .flyout_menu_contents {
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
height: calc(100vh - 70px); height: calc(100vh - 34px);
} }
@@ -1109,6 +1110,15 @@ body {
margin-left: 10px; margin-left: 10px;
} }
.themerow .tabrow:before {
border-bottom: 0;
}
.themerow .tabrow {
line-height: 25px;
padding-left: 10px;
margin-top: 2px;
}
.inputrow { .inputrow {
grid-area: inputrow; grid-area: inputrow;
z-index: 2; z-index: 2;
@@ -1656,6 +1666,10 @@ body.NotConnected {
font-feature-settings: 'liga'; font-feature-settings: 'liga';
} }
.material-icons-outlined.cursor:hover{
filter: brightness(85%);
}
h2 .material-icons-outlined { h2 .material-icons-outlined {
font-size: 32px; font-size: 32px;
} }

6
templates/settings flyout.html
View File

@@ -240,10 +240,8 @@
<div class="setting_tile_area" id="Theme"> <div class="setting_tile_area" id="Theme">
<select id="selected_theme" class="var_sync_system_theme_list" autocomplete="off" onchange="Change_Theme(this.value);"> <select id="selected_theme" class="var_sync_system_theme_list" autocomplete="off" onchange="Change_Theme(this.value);">
</select><span class="material-icons-outlined cursor" title="Refresh List" onclick="socket.emit('theme_list_refresh', '');">autorenew</span> </select><span class="material-icons-outlined cursor" title="Refresh List" onclick="socket.emit('theme_list_refresh', '');">autorenew</span>
<div class="collapsable_header" onclick="toggle_setting_category(this);"> <div id="palette_area">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">navigate_next</span> Palette</h4> <b style="font-size: 20px;">Palette</b>
</div>
<div id="palette_area" class="hidden">
<div id="save_theme_area" > <div id="save_theme_area" >
<input type="text" id="save_theme_name" autocomplete="off" placeholder="New Theme Name"/> <input type="text" id="save_theme_name" autocomplete="off" placeholder="New Theme Name"/>
<span class="material-icons-outlined cursor" title="Save Theme" onclick='save_theme();'>save</span> <span class="material-icons-outlined cursor" title="Save Theme" onclick='save_theme();'>save</span>

2
templates/story flyout.html
View File

@@ -90,7 +90,7 @@
</span> </span>
</div> </div>
</div> </div>
<div style="border-top:2px;border-top-color:grey;border-top-style: solid;"> <div style="border-top:2px;border-top-color:grey;border-top-style: solid;padding-top: 10px;">
<div class="token_breakdown"> <div class="token_breakdown">
<div id="memory_tokens" style="width:40%; background-color: #3572A5;"></div> <div id="memory_tokens" style="width:40%; background-color: #3572A5;"></div>
<div id="authors_notes_tokens" style="width:10%; background-color: #f1e05a;"></div> <div id="authors_notes_tokens" style="width:10%; background-color: #f1e05a;"></div>