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

bug fix and text font size adjustment framework

Browse Source
This commit is contained in:
ebolam
2022-08-28 10:19:19 -04:00
parent 390cdbd503
commit a6df614e1b
5 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
koboldai_settings.py
View File

@@ -35,7 +35,7 @@ def process_variable_changes(socketio, classname, name, value, old_value, debug_
if isinstance(value, KoboldStoryRegister): if isinstance(value, KoboldStoryRegister):
socketio.emit("var_changed", {"classname": "actions", "name": "Action Count", "old_value": None, "value":value.action_count}, broadcast=True, room="UI_2") socketio.emit("var_changed", {"classname": "actions", "name": "Action Count", "old_value": None, "value":value.action_count}, broadcast=True, room="UI_2")
for i in range(len(value.actions)): for i in value.actions:
socketio.emit("var_changed", {"classname": "story", "name": "actions", "old_value": None, "value":{"id": i, "action": value.actions[i]}}, broadcast=True, room="UI_2") socketio.emit("var_changed", {"classname": "story", "name": "actions", "old_value": None, "value":{"id": i, "action": value.actions[i]}}, broadcast=True, room="UI_2")
elif isinstance(value, KoboldWorldInfo): elif isinstance(value, KoboldWorldInfo):
value.send_to_ui() value.send_to_ui()

51
static/koboldai.css
View File

@@ -71,7 +71,7 @@ input[type="range"]::-ms-fill-upper {
line-height: 24px; line-height: 24px;
height: 26px; height: 26px;
overflow: hidden; overflow: hidden;
font-size: 12px; font-size: calc(12px + var(--font_size_adjustment));
font-family: verdana; font-family: verdana;
position: relative; position: relative;
} }
@@ -212,7 +212,7 @@ input[type="range"]::-ms-fill-upper {
margin: 2px; margin: 2px;
} }
.setting_container_single .setting_item{ .setting_container_single .setting_item{
font-size: 0.93em; font-size: calc(0.93em + var(--font_size_adjustment));
margin-left: 10px; margin-left: 10px;
} }
@@ -223,7 +223,7 @@ input[type="range"]::-ms-fill-upper {
overflow: hidden; overflow: hidden;
padding: 5px; padding: 5px;
padding-top: 0px; padding-top: 0px;
font-size: 0.8em; font-size: calc(0.8em + var(--font_size_adjustment));
} }
.setting_maxlabel { .setting_maxlabel {
@@ -233,7 +233,7 @@ input[type="range"]::-ms-fill-upper {
padding: 5px; padding: 5px;
padding-top: 0px; padding-top: 0px;
text-align: right; text-align: right;
font-size: 0.8em; font-size: calc(0.8em + var(--font_size_adjustment));
} }
.setting_label { .setting_label {
@@ -248,7 +248,7 @@ input[type="range"]::-ms-fill-upper {
.setting_value { .setting_value {
text-align: right; text-align: right;
grid-area: value; grid-area: value;
font-size: 12px; font-size: calc(12px + var(--font_size_adjustment));
padding: 2px; padding: 2px;
padding-top: 0px; padding-top: 0px;
background-color: inherit; background-color: inherit;
@@ -275,7 +275,7 @@ input[type="range"]::-ms-fill-upper {
.helpicon { .helpicon {
color: var(--help_icon); color: var(--help_icon);
cursor: help; cursor: help;
font-size: 14px !important; font-size: calc(14px + var(--font_size_adjustment)); !important;
flex: auto; flex: auto;
width: 15px; width: 15px;
align-self: flex-end; align-self: flex-end;
@@ -394,13 +394,13 @@ input[type="range"]::-ms-fill-upper {
} }
#model_title{ #model_title{
font-size: x-large; font-size: calc(1.8em + var(--font_size_adjustment));
text-align: center; text-align: center;
} }
#text_runningmodel{ #text_runningmodel{
position: absolute; position: absolute;
font-size: small; font-size: calc(0.9em + var(--font_size_adjustment));
top: -15px; top: -15px;
} }
@@ -426,7 +426,7 @@ input[type="range"]::-ms-fill-upper {
} }
.story_title { .story_title {
font-size: x-large; font-size: calc(1.8em + var(--font_size_adjustment));
text-align: center; text-align: center;
border-bottom: 1px; border-bottom: 1px;
border-bottom-style: solid; border-bottom-style: solid;
@@ -434,14 +434,14 @@ input[type="range"]::-ms-fill-upper {
margin-right: 40px; margin-right: 40px;
} }
#text_storyname{ #text_storyname{
font-size: small; font-size: calc(0.9em + var(--font_size_adjustment));
top: -10px; top: -10px;
position: absolute; position: absolute;
margin: 0 0 0 10px; margin: 0 0 0 10px;
} }
.story_title_icons { .story_title_icons {
font-size: 18px; font-size: calc(18px + var(--font_size_adjustment));
padding: 10px 0 0 0; padding: 10px 0 0 0;
margin-left: 125px; margin-left: 125px;
} }
@@ -563,7 +563,7 @@ input[type="range"]::-ms-fill-upper {
.bias_slider_min { .bias_slider_min {
grid-area: min; grid-area: min;
font-size: x-small; font-size: calc(0.8em + var(--font_size_adjustment));
margin-right: 5px; margin-right: 5px;
margin-left: 5px; margin-left: 5px;
} }
@@ -575,7 +575,7 @@ input[type="range"]::-ms-fill-upper {
.bias_slider_max { .bias_slider_max {
grid-area: max; grid-area: max;
font-size: x-small; font-size: calc(0.8em + var(--font_size_adjustment));
text-align: right; text-align: right;
margin-right: 5px; margin-right: 5px;
margin-left: 5px; margin-left: 5px;
@@ -589,17 +589,17 @@ input[type="range"]::-ms-fill-upper {
.bias_header_phrase { .bias_header_phrase {
grid-area: phrase; grid-area: phrase;
font-size: small; font-size: calc(0.9em + var(--font_size_adjustment));
} }
.bias_header_score { .bias_header_score {
grid-area: percent; grid-area: percent;
font-size: small; font-size: calc(0.9em + var(--font_size_adjustment));
} }
.bias_header_max { .bias_header_max {
grid-area: max; grid-area: max;
font-size: small; font-size: calc(0.9em + var(--font_size_adjustment));
} }
/* Theme */ /* Theme */
@@ -929,6 +929,7 @@ td.server_vars {
body { body {
background-color: var(--background); background-color: var(--background);
color: var(--text); color: var(--text);
font-size: calc(14px + var(--font_size_adjustment));
/* Firefox scroll */ /* Firefox scroll */
scrollbar-width: thin; scrollbar-width: thin;
@@ -1022,7 +1023,7 @@ body {
margin-top: 10px; margin-top: 10px;
vertical-align: bottom; vertical-align: bottom;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px; font-size: calc(14px + var(--font_size_adjustment));
line-height: 1.42857143; line-height: 1.42857143;
} }
@@ -1245,7 +1246,7 @@ body {
z-index: 0; z-index: 0;
height: 100%; height: 100%;
text-align: center; text-align: center;
font-size: 0.875em; font-size: calc(0.875em + var(--font_size_adjustment));
} }
/*#btnsend{ /*#btnsend{
@@ -1337,7 +1338,7 @@ body {
background-color: var(--popup_title_bar_color); background-color: var(--popup_title_bar_color);
color: var(--popup_title_bar_color_text); color: var(--popup_title_bar_color_text);
text-align: center; text-align: center;
font-size: 1.3em; font-size: calc(1.3em + var(--font_size_adjustment));
} }
.popup .action_button { .popup .action_button {
@@ -1437,7 +1438,7 @@ body {
background-color: var(--error_container_palette); background-color: var(--error_container_palette);
color: var(--on_error_container_palette); color: var(--on_error_container_palette);
text-align: center; text-align: center;
font-size: 1.3em; font-size: calc(1.3em + var(--font_size_adjustment));
} }
#error_message.popup .btn-primary { #error_message.popup .btn-primary {
@@ -1517,7 +1518,7 @@ body {
color: var(--popup_title_bar_color_text); color: var(--popup_title_bar_color_text);
overflow: hidden; overflow: hidden;
text-align: left; text-align: left;
font-size: 0.8em; font-size: calc(0.8em + var(--font_size_adjustment));
} }
.model_setting_maxlabel { .model_setting_maxlabel {
@@ -1526,7 +1527,7 @@ body {
grid-area: maxlabel; grid-area: maxlabel;
overflow: hidden; overflow: hidden;
text-align: right; text-align: right;
font-size: 0.8em; font-size: calc(0.8em + var(--font_size_adjustment));
} }
.model_setting_label { .model_setting_label {
@@ -1683,7 +1684,7 @@ body.NotConnected {
font-family: 'Material Icons Outlined'; font-family: 'Material Icons Outlined';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 24px; /* Preferred icon size */ font-size: calc(24px + var(--font_size_adjustment)); /* Preferred icon size */
display: inline-block; display: inline-block;
line-height: 1; line-height: 1;
text-transform: none; text-transform: none;
@@ -1709,7 +1710,7 @@ body.NotConnected {
} }
h2 .material-icons-outlined { h2 .material-icons-outlined {
font-size: 32px; font-size: calc(32px + var(--font_size_adjustment));
} }
.flyout_menu_contents { .flyout_menu_contents {
@@ -1741,7 +1742,7 @@ h2 .material-icons-outlined {
margin-left: 6px; margin-left: 6px;
margin-bottom: 0.7em; margin-bottom: 0.7em;
opacity: 0.7; opacity: 0.7;
font-size: 0.9em; font-size: calc(0.9em + var(--font_size_adjustment));
display: block; display: block;
color: var(--setting_category_help_text_color); color: var(--setting_category_help_text_color);
} }

1
themes/Darkness.css
View File

@@ -163,4 +163,5 @@
--story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px; --story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px;
--story_pinned_areas: var(--story_pinned_areas_left); --story_pinned_areas: var(--story_pinned_areas_left);
--story_pinned_area_widths: var(--story_pinned_area_widths_left); --story_pinned_area_widths: var(--story_pinned_area_widths_left);
--font_size_adjustment: 0px;
} }

1
themes/Material You.css
View File

@@ -164,4 +164,5 @@
--story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px; --story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px;
--story_pinned_areas: var(--story_pinned_areas_left); --story_pinned_areas: var(--story_pinned_areas_left);
--story_pinned_area_widths: var(--story_pinned_area_widths_left); --story_pinned_area_widths: var(--story_pinned_area_widths_left);
--font_size_adjustment: 0px;
} }

1
themes/Monochrome.css
View File

@@ -162,4 +162,5 @@
--story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px; --story_pinned_area_widths_right: 30px auto var(--story_options_size) 30px;
--story_pinned_areas: var(--story_pinned_areas_left); --story_pinned_areas: var(--story_pinned_areas_left);
--story_pinned_area_widths: var(--story_pinned_area_widths_left); --story_pinned_area_widths: var(--story_pinned_area_widths_left);
--font_size_adjustment: 0px;
} }