Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-02-07 00:20:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Sizing cleanup

Browse Source
This commit is contained in:
Austin Mroz
2026-01-05 20:34:30 -08:00
parent fc07cd15b0
commit 41ea0387d7
2 changed files with 29 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/renderer/extensions/linearMode/DropZone.vue
View File

@@ -16,37 +16,38 @@ defineProps<{
const canAcceptDrop = ref(false)
</script>
<template>
<drop-wrapper
v-if="onDragOver && onDragDrop"
:class="
cn(
'rounded-lg ring-inset ring-primary-500',
canAcceptDrop && 'ring-4 bg-primary-500/10'
)
"
@dragover.prevent="(e: DragEvent) => (canAcceptDrop = onDragOver!(e))"
@dragleave="canAcceptDrop = false"
@drop.stop.prevent="
(e: DragEvent) => {
onDragDrop!(e)
canAcceptDrop = false
}
"
>
<!--Slot is wrapped to ensure it's last and doesn't have border-->
<div><slot /></div>
<drop-wrapper v-if="onDragOver && onDragDrop">
<div
v-if="dropIndicator"
:class="
cn(
'flex flex-col items-center align-center border-dashed rounded-lg border grow-1 w-full border-border-subtle my-3 py-2',
dropIndicator?.onClick && 'cursor-pointer'
'rounded-lg ring-inset ring-primary-500',
canAcceptDrop && 'ring-4 bg-primary-500/10'
)
"
@click.prevent="(e: MouseEvent) => dropIndicator!.onClick?.(e)"
@dragover.prevent="(e: DragEvent) => (canAcceptDrop = onDragOver!(e))"
@dragleave="canAcceptDrop = false"
@drop.stop.prevent="
(e: DragEvent) => {
onDragDrop!(e)
canAcceptDrop = false
}
"
>
<span v-if="dropIndicator.label" v-text="dropIndicator.label" />
<i v-if="dropIndicator.iconClass" :class="dropIndicator.iconClass" />
<!--Slot is wrapped to ensure it's last and doesn't have border-->
<div><slot /></div>
<div
v-if="dropIndicator"
:class="
cn(
'flex flex-col items-center justify-center gap-2 border-dashed rounded-lg border h-25 w-full border-border-subtle my-3 py-2',
dropIndicator?.onClick && 'cursor-pointer'
)
"
@click.prevent="(e: MouseEvent) => dropIndicator!.onClick?.(e)"
>
<span v-if="dropIndicator.label" v-text="dropIndicator.label" />
<i v-if="dropIndicator.iconClass" :class="dropIndicator.iconClass" />
</div>
</div>
</drop-wrapper>
<slot v-else />

6
src/views/LinearView.vue
View File

@@ -584,7 +584,7 @@ useEventListener(document.body, 'keydown', (e: KeyboardEvent) => {
</Button>
<div
v-if="!jobToastTimeout || !jobFinishedQueue"
class="absolute right-0 bottom-0 bg-base-foreground text-base-background rounded-sm flex h-8 p-1 pr-2 gap-2 items-center"
class="absolute right-4 bottom-4 bg-base-foreground text-base-background rounded-sm flex h-8 p-1 pr-2 gap-2 items-center"
>
<i
v-if="jobFinishedQueue"
@@ -618,11 +618,11 @@ useEventListener(document.body, 'keydown', (e: KeyboardEvent) => {
:on-drag-over="nodeData.onDragOver"
:on-drag-drop="nodeData.onDragDrop"
:drop-indicator="nodeData.dropIndicator"
class="border-b-1 border-node-component-border last:border-none"
class="border-b-1 border-node-component-border last:border-none text-muted-foreground"
>
<NodeWidgets
:node-data
class="border-b-1 border-node-component-border pt-1 pb-2 last:border-none **:[.col-span-2]:grid-cols-1 not-has-[textarea]:flex-0"
class="border-b-1 border-node-component-border py-3 last:border-none **:[.col-span-2]:grid-cols-1 not-has-[textarea]:flex-0 gap-y-3"
/>
</DropZone>
</linear-widgets>