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

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

@ -71,17 +71,25 @@ export default (token: Theme) => {
} }
/* ControlNet */ /* ControlNet */
.cnet-badge.primary { [id$='img_controlnet'] {
font-size: var(--text-xs); .cnet-badge.primary {
line-height: 1.3; font-size: var(--text-xs);
color: var(--body-background-fill); line-height: 1.3;
background-color: ${token.colorSuccess}; color: var(--body-background-fill);
} background-color: ${token.colorSuccess};
}
.tab-nav button { .tab-nav button {
&.cnet-unit-active, &.cnet-unit-active,
&.selected.cnet-unit-active { &.selected.cnet-unit-active {
color: ${token.colorSuccess} !important; 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_']) { .gr-group:has([id^='extra_options_']) {
background: transparent; background: transparent;
.styler {
flex-grow: 1;
}
[id^='extra_options_'] { [id^='extra_options_'] {
&.gradio-accordion { &.gradio-accordion {
background-color: ${token.colorBgContainer}; background-color: ${token.colorBgContainer};
@ -166,8 +170,6 @@ export default (token: Theme) => {
&.gradio-group { &.gradio-group {
padding: 16px; padding: 16px;
background-color: ${token.colorBgContainer};
border-radius: ${token.borderRadius}px;
} }
.styler, .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;
}
}
}
} }
`; `;
}; };