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

Refactoring drag items

Browse Source
This commit is contained in:
space-nuko
2023-05-06 14:15:46 -05:00
parent fd0dde1b08
commit daff339035
10 changed files with 265 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -49,7 +49,7 @@
{#if container && children}
<div class="container {container.attrs.direction} {container.attrs.classes} {classes.join(' ')} z-index{zIndex}"
class:hide-block={container.attrs.blockVariant === "hidden"}
class:hide-block={container.attrs.containerVariant === "hidden"}
class:selected={$uiState.uiUnlocked && $layoutState.currentSelection.includes(container.id)}
class:root-container={zIndex === 0}
class:is-executing={container.isNodeExecuting}

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

@@ -46,7 +46,7 @@
{#if container && children}
<div class="container {container.attrs.direction} {container.attrs.classes} {classes.join(' ')} z-index{zIndex}"
class:hide-block={container.attrs.blockVariant === "hidden"}
class:hide-block={container.attrs.containerVariant === "hidden"}
class:selected={$uiState.uiUnlocked && $layoutState.currentSelection.includes(container.id)}
class:root-container={zIndex === 0}
class:is-executing={container.isNodeExecuting}

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

@@ -63,7 +63,7 @@
{#if container && children}
<div class="container {container.attrs.direction} {container.attrs.classes} {classes.join(' ')} z-index{zIndex}"
class:hide-block={container.attrs.blockVariant === "hidden"}
class:hide-block={container.attrs.containerVariant === "hidden"}
class:selected={$uiState.uiUnlocked && $layoutState.currentSelection.includes(container.id)}
class:root-container={zIndex === 0}
class:is-executing={container.isNodeExecuting}

8
src/lib/components/WidgetContainer.svelte
View File

@@ -84,8 +84,12 @@
{/if}
<style lang="scss">
.widget.selected {
background: var(--color-yellow-200);
.widget {
height: 100%;
&.selected {
background: var(--color-yellow-200);
}
}
.container.selected {
background: var(--color-yellow-400);