ui restyling

Signed-off-by: Vladimir Mandic <mandic00@live.com>
This commit is contained in:
Vladimir Mandic
2026-09-12 13:43:37 +02:00
parent f39113c2bc
commit 07b4cbbd3d
12 changed files with 35 additions and 14 deletions
+2 -1
View File
@@ -1,4 +1,5 @@
@font-face { font-family: 'NotoSans'; font-display: swap; font-style: normal; font-weight: 100; src: local('NotoSansNerd'), url('fonts/notosans-nerdfont-regular.ttf') }
@font-face { font-family: 'Ubuntu'; font-display: swap; font-style: normal; font-weight: 100; src: local('Ubuntu'), url('fonts/ubuntu-nerdfont.ttf') }
/* toolbutton */
.gradio-button.tool { max-width: min-content; min-width: min-content !important; align-self: end; font-size: 1.4em; color: var(--body-text-color) !important; }
@@ -32,7 +33,7 @@
/* fullpage image viewer */
#lightboxModal { display: none; position: fixed; z-index: 1001; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(20, 20, 20, 0.75); backdrop-filter: blur(6px);
user-select: none; -webkit-user-select: none; flex-direction: row; font-family: 'NotoSans'; }
user-select: none; -webkit-user-select: none; flex-direction: row; font-family: 'Ubuntu'; }
.modalControls { display: flex; justify-content: space-evenly; background-color: transparent; position: absolute; width: 99%; z-index: 1; }
.modalControls:hover { background-color: #50505050; }
.modalControls span { color: white; font-size: 2em; font-weight: bold; cursor: pointer; filter: grayscale(100%); }
+10 -3
View File
@@ -5,6 +5,13 @@
font-weight: 100;
src: local('NotoSansNerd'), url('fonts/notosans-nerdfont-regular.ttf');
}
@font-face {
font-display: swap;
font-family: 'Ubuntu';
font-style: normal;
font-weight: 100;
src: local('Ubuntu'), url('fonts/ubuntu-nerdfont.ttf');
}
:root {
--card-size: 160px;
@@ -72,7 +79,7 @@
--sd-tooltip-text-color: var(--sd-input-background-color);
--sd-body-font: 'IBM Plex Mono', monospace;
--sd-text-font: 'IBM Plex Mono', monospace;
--sd-button-font: 'NotoSans', sans-serif;
--sd-button-font: 'Ubuntu', sans-serif;
--sd-image-fit: scale-down;
--sd-panel-min-width: 256px;
--sd-grid-image-size: 150px;
@@ -289,12 +296,12 @@ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
.gradio-dropdown .token {
overflow-x: hidden;
padding: var(--spacing-xs) !important;
font-family: 'NotoSans', var(--font);
font-family: 'Ubuntu', var(--font);
}
.gradio-dropdown .wrap input,
.gradio-dropdown input {
font-family: 'NotoSans', var(--font);
font-family: 'Ubuntu', var(--font);
}
.gradio-html {