Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-05-01 19:51:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

[style] make Vue widget/slot/label width and spacing align with designs (#6023)

Browse Source 
Make the widths and spacing of the widgets/slots/labels match the
[design](https://www.figma.com/design/31uH3r4x3xbIctuRWYW6NM/V3---Vue-Nodes?node-id=6489-33817&m=dev)
which also better matches the interal layout of litegraph nodes.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6023-style-make-Vue-widget-slot-label-width-and-spacing-align-with-designs-2896d73d365081a1a831f396cb4eafc8)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Christian Byrne
2025-10-11 20:08:05 -07:00
committed by GitHub
parent 1d06b4d63b
commit bc281b2513
23 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
View File

@@ -14,10 +14,10 @@ defineProps<{
<div
class="flex h-[30px] items-center justify-between gap-2 overscroll-contain"
>
<div class="relative mr-4 flex h-6 items-center">
<div class="relative flex h-6 items-center">
<p
v-if="widget.name"
class="lod-toggle w-20 flex-1 truncate text-sm font-normal text-node-component-slot-text"
class="lod-toggle w-28 flex-1 truncate text-sm font-normal text-node-component-slot-text"
>
{{ widget.label || widget.name }}
</p>