fix: hide label of textarea in right side panel + align switch to the left (#8279)

<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>
This commit is contained in:
Rizumu Ayaka
2026-01-28 14:21:03 +07:00
committed by GitHub
parent 8b514463b3
commit dd3e4d3edc
5 changed files with 24 additions and 6 deletions

View File

@@ -1,6 +1,10 @@
<template>
<WidgetLayoutField :widget>
<div class="ml-auto flex w-fit items-center gap-2">
<div
:class="
cn('flex w-fit items-center gap-2', !hideLayoutField && 'ml-auto')
"
>
<span
v-if="stateLabel"
:class="
@@ -29,6 +33,7 @@ import { computed } from 'vue'
import type { IWidgetOptions } from '@/lib/litegraph/src/types/widgets'
import type { SimplifiedWidget } from '@/types/simplifiedWidget'
import { useHideLayoutField } from '@/types/widgetTypes'
import { cn } from '@/utils/tailwindUtil'
import {
STANDARD_EXCLUDED_PROPS,
@@ -43,6 +48,8 @@ const { widget } = defineProps<{
const modelValue = defineModel<boolean>()
const hideLayoutField = useHideLayoutField()
const filteredProps = computed(() =>
filterWidgetProps(widget.options, STANDARD_EXCLUDED_PROPS)
)