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

Tab styles

Browse Source
This commit is contained in:
space-nuko
2023-05-06 14:15:57 -05:00
parent daff339035
commit e76204936b
2 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/TabsContainer.svelte
View File

@@ -111,7 +111,7 @@
{/if} {/if}
</Block> </Block>
{:else} {:else}
<Tabs> <Tabs elem_classes={["gradio-tabs"]}>
{#each children.filter(item => item.id !== SHADOW_PLACEHOLDER_ITEM_ID) as item, i(item.id)} {#each children.filter(item => item.id !== SHADOW_PLACEHOLDER_ITEM_ID) as item, i(item.id)}
{@const tabName = getTabName(container, i)} {@const tabName = getTabName(container, i)}
<TabItem name={tabName} on:select={() => console.log("tab " + i)}> <TabItem name={tabName} on:select={() => console.log("tab " + i)}>

21
src/scss/ux.scss
View File

@@ -332,6 +332,27 @@ div.float {
opacity: 0 !important; opacity: 0 !important;
} }
.gradio-tabs.tabs {
> .tab-nav {
border-bottom: 1px solid var(--ae-subpanel-border-color);
> button {
border-radius: 0;
border-width: var(--ae-border-width);
color: var(--ae-text-color);
&.selected {
border-color: var(--ae-subpanel-border-color);
background: var(--ae-subpanel-bg-color);
color: var(--ae-primary-color);
}
}
}
> .tabitem {
border: 1px solid var(--ae-subpanel-border-color);
border-top: none;
border-radius: 0px !important;
}
}
.form>.gradio-row>.form{ .form>.gradio-row>.form{
border:0 !important; border:0 !important;