mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-02-26 01:34:07 +00:00
dd3e4d3edc
<img width="350" alt="image" src="https://github.com/user-attachments/assets/3ff3f83c-163b-44df-8b68-7fe18c3266c4" /> | <img width="350" alt="CleanShot 2026-01-23 at 21 25 04@2x" src="https://github.com/user-attachments/assets/c2c630f3-6990-4a55-aa8f-a19297ffee52" /> ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-8279-fix-hide-label-of-textarea-in-right-side-panel-align-switch-to-the-left-2f16d73d365081e9b932fb2be873b660) by [Unito](https://www.unito.io) --------- Co-authored-by: GitHub Action <action@github.com> Co-authored-by: Alexander Brown <drjkl@comfy.org>
43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
<script setup lang="ts">
|
|
import type { SimplifiedWidget } from '@/types/simplifiedWidget'
|
|
import { useHideLayoutField } from '@/types/widgetTypes'
|
|
import { cn } from '@/utils/tailwindUtil'
|
|
|
|
defineProps<{
|
|
widget: Pick<
|
|
SimplifiedWidget<string | number | undefined>,
|
|
'name' | 'label' | 'borderStyle'
|
|
>
|
|
}>()
|
|
|
|
const hideLayoutField = useHideLayoutField()
|
|
</script>
|
|
|
|
<template>
|
|
<div
|
|
class="grid grid-cols-subgrid min-w-0 justify-between gap-1 text-node-component-slot-text"
|
|
>
|
|
<div v-if="!hideLayoutField" class="truncate content-center-safe">
|
|
<template v-if="widget.name">
|
|
{{ widget.label || widget.name }}
|
|
</template>
|
|
</div>
|
|
<!-- basis-full grow -->
|
|
<div class="relative min-w-0 flex-1">
|
|
<div
|
|
:class="
|
|
cn(
|
|
'cursor-default min-w-0 rounded-lg focus-within:ring focus-within:ring-component-node-widget-background-highlighted transition-all',
|
|
widget.borderStyle
|
|
)
|
|
"
|
|
@pointerdown.stop
|
|
@pointermove.stop
|
|
@pointerup.stop
|
|
>
|
|
<slot />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|