1580158
/
sd-webui-lobe-theme
mirror of https://github.com/canisminor1990/sd-webui-lobe-theme.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

💄 style: Minor UI fixes 

WebUI "Soft inpainting" and "Extra options" accordions layout.
ControlNet image controls margin.
pull/495/head
kaalibro 2023-12-18 22:04:18 +06:00
parent 5c946aa509
commit ae35a5b67f
No known key found for this signature in database
3 changed files with 131 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

175
javascript/main.js
View File

File diff suppressed because one or more lines are too long

3
src/features/Content/style.ts
View File

@ -279,7 +279,6 @@ export const useStyles = createStyles(
> div:not([id$='_script_container'], .gradio-tabs):has(div),
> fieldset {
flex-flow: row wrap;
gap: 12px;
margin: 0 !important;
@ -290,7 +289,7 @@ export const useStyles = createStyles(
}
.gradio-tabitem:has(.gradio-image) {
background: ${token.colorFillTertiary} !important;
background: ${token.colorFillQuaternary};
}
[id$='_script_container'] {

50
src/styles/components/extensions.ts
View File

@ -71,17 +71,25 @@ export default (token: Theme) => {
}
/* ControlNet */
.cnet-badge.primary {
font-size: var(--text-xs);
line-height: 1.3;
color: var(--body-background-fill);
background-color: ${token.colorSuccess};
}
[id$='img_controlnet'] {
.cnet-badge.primary {
font-size: var(--text-xs);
line-height: 1.3;
color: var(--body-background-fill);
background-color: ${token.colorSuccess};
}
.tab-nav button {
&.cnet-unit-active,
&.selected.cnet-unit-active {
color: ${token.colorSuccess} !important;
.tab-nav button {
&.cnet-unit-active,
&.selected.cnet-unit-active {
color: ${token.colorSuccess} !important;
}
}
.tabitem {
.controlnet_image_controls {
margin-top: 8px;
}
}
}
@ -155,10 +163,6 @@ export default (token: Theme) => {
.gr-group:has([id^='extra_options_']) {
background: transparent;
.styler {
flex-grow: 1;
}
[id^='extra_options_'] {
&.gradio-accordion {
background-color: ${token.colorBgContainer};
@ -166,8 +170,6 @@ export default (token: Theme) => {
&.gradio-group {
padding: 16px;
background-color: ${token.colorBgContainer};
border-radius: ${token.borderRadius}px;
}
.styler,
@ -177,6 +179,22 @@ export default (token: Theme) => {
}
}
}
/* WebUI Soft inpainting */
.gr-group:has(#soft_inpainting_enabled) {
padding: 0 !important;
background: transparent;
#soft_inpainting_enabled {
&.gradio-accordion {
background-color: ${token.colorBgContainer};
}
.styler {
gap: 16px;
}
}
}
}
`;
};