mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-03 20:51:58 +00:00
36b8972442
## Summary
Backport of #6950 onto core/1.33 (clean cherry-pick of 4b87b1fdc).
## Testing
- pnpm typecheck
┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6984-backport-core-1-33-fix-remove-LOD-from-vue-nodes-2b86d73d36508151bf1ae4a879016211)
by [Unito](https://www.unito.io)
Co-authored-by: Simula_r <18093452+simula-r@users.noreply.github.com>
Co-authored-by: github-actions <github-actions@github.com>
36 lines
880 B
Vue
36 lines
880 B
Vue
<script setup lang="ts">
|
|
import { noop } from 'es-toolkit'
|
|
|
|
import type { SimplifiedWidget } from '@/types/simplifiedWidget'
|
|
|
|
defineProps<{
|
|
widget: Pick<SimplifiedWidget<string | number | undefined>, 'name' | 'label'>
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="grid grid-cols-subgrid h-7.5 min-w-0 items-center justify-between gap-1"
|
|
>
|
|
<div class="relative flex h-full min-w-0 items-center">
|
|
<p
|
|
v-if="widget.name"
|
|
class="flex-1 truncate text-xs font-normal text-node-component-slot-text"
|
|
>
|
|
{{ widget.label || widget.name }}
|
|
</p>
|
|
</div>
|
|
<!-- basis-full grow -->
|
|
<div class="relative min-w-0 flex-1">
|
|
<div
|
|
class="cursor-default min-w-0"
|
|
@pointerdown.stop="noop"
|
|
@pointermove.stop="noop"
|
|
@pointerup.stop="noop"
|
|
>
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|