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

Added hide button for timing info and CSS for area

Browse Source
This commit is contained in:
ebolam
2022-08-25 14:05:15 -04:00
parent 4b72110c52
commit 5308c30e4d
5 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
static/koboldai.css
View File

@@ -369,6 +369,21 @@ input[type="range"]::-ms-fill-upper {
height: calc(100vh - 40px);
}
.settings_footer {
border-top:2px;
border-top-color: var(--setting_footer_border_color);
border-top-style: solid;
color: var(--setting_footer_text_color);
background-color: var(--setting_footer_background_color);
}
.show_footer_icon {
position: absolute;
left: calc(var(--flyout_menu_width) - 30px);
bottom: 0px;
background-color: var(--flyout_background_pinned);
}
.Model_Info{
position: relative;
margin: 25px 0 0 10px;

8
templates/settings flyout.html
View File

@@ -297,7 +297,13 @@
</div>
</div>
</div>
<div id="footer" style="border-top:2px;border-top-color:grey;border-top-style: solid;">
<span class=>
<span class="material-icons-outlined cursor show_footer_icon" onclick='if (document.getElementById("settings_footer").classList.contains("hidden")){
document.getElementById("settings_footer").classList.remove("hidden");
} else {
document.getElementById("settings_footer").classList.add("hidden");
}'>timer</span>
<div id="settings_footer" class="settings_footer">
<span>Execution Time: <span id="Execution Time"></span></span> |
<span>Remaining Time: <span class="var_sync_model_tqdm_rem_time"></span></span> | <span id="var_time"></span>
</div>

4
themes/Darkness.css
View File

@@ -83,6 +83,10 @@
--tooltip_text:var(--on_secondary_palette);
--tooltip_background:var(--secondary_palette);
--setting_category_help_text_color: #E0E0E0;
--setting_footer_border_color: grey;
--setting_footer_text_color: #e0e0e0;
--setting_footer_background_color: var(--layer1_palette);
/*World Info*/
--wi_card_border_color: #002d6c00;

4
themes/Material You.css
View File

@@ -83,6 +83,10 @@
--tooltip_text: var(--on_secondary_palette);
--tooltip_background: var(--secondary_palette);
--setting_category_help_text_color: #E0E0E0;
--setting_footer_border_color: grey;
--setting_footer_text_color: var(--on_surface_palette);
--setting_footer_background_color: var(--layer1_palette);
/*World Info*/
--wi_card_border_color: var(--on_primary_palette);

4
themes/Monochrome.css
View File

@@ -83,6 +83,10 @@
--tooltip_text:var(--on_secondary_palette);
--tooltip_background:var(--secondary_palette);
--setting_category_help_text_color: #E0E0E0;
--setting_footer_border_color: grey;
--setting_footer_text_color: #e0e0e0;
--setting_footer_background_color: var(--layer1_palette);
/*World Info*/
--wi_card_border_color: #eeeeeead;