neuro_llc/ComfyBox
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Radio/image styles

Browse Source
This commit is contained in:
space-nuko
2023-05-08 01:39:36 -05:00
parent 584119433d
commit 2d8b121fb3
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/widgets/RadioWidget.svelte
View File

@@ -39,12 +39,12 @@
} }
</script> </script>
<div class="wrapper gradio-checkbox"> <div class="wrapper gradio-radio">
<div class="inner"> <div class="inner">
{#key $propsChanged} {#key $propsChanged}
{#key $attrsChanged} {#key $attrsChanged}
{#if node !== null && node.properties.choices} {#if node !== null && node.properties.choices}
<Block> <Block type="fieldset">
<Radio <Radio
elem_id="radio" elem_id="radio"
choices={node.properties.choices} choices={node.properties.choices}

13
src/scss/ux.scss
View File

@@ -390,8 +390,8 @@ div.block.padded {
fieldset.block.padded fieldset.block.padded
{ {
background-color: var(--ae-panel-bg-color) !important; background-color: var(--ae-panel-bg-color) !important;
/*border-width: var(--ae-border-width) !important;*/ border-width: var(--ae-border-width) !important;
/*border-color: var(--ae-panel-border-color) !important;*/ border-color: var(--ae-panel-border-color) !important;
border-radius: var(--ae-panel-border-radius) !important; border-radius: var(--ae-panel-border-radius) !important;
} }
@@ -440,7 +440,7 @@ div.gradio-row>.form{
} }
.wrap.svelte-1p9xokt.svelte-1p9xokt.svelte-1p9xokt label, .wrap.svelte-1p9xokt.svelte-1p9xokt.svelte-1p9xokt label,
.wrap.svelte-1qxcj04.svelte-1qxcj04.svelte-1qxcj04 label, .gradio-radio label,
button.tool.secondary, button.tool.secondary,
button.secondary, button.secondary,
.gradio-dropdown label .wrap, .gradio-dropdown label .wrap,
@@ -571,7 +571,7 @@ input[type=email] {
align-self: flex-start; align-self: flex-start;
} }
span.svelte-1gfkn6j:not(.has-info) { .gradio-radio span:not(.has-info) {
margin-top: 1px; margin-top: 1px;
margin-left: 1px; margin-left: 1px;
margin-bottom: var(--ae-inside-padding-size); margin-bottom: var(--ae-inside-padding-size);
@@ -873,6 +873,11 @@ input[type=range]::-ms-fill-upper {
} }
} }
.comfy-image-widget > .block {
background: var(--ae-main-bg-color);
border-color: var(--ae-panel-border-color);
}
.comfy-toggle-button { .comfy-toggle-button {
> .lg { > .lg {
border-color: var(--ae-subpanel-border-color) !important; border-color: var(--ae-subpanel-border-color) !important;