fix: add background to textarea label to prevent text overlap on scroll

Give the textarea label a solid background color, full width, and
rounded top corners so that scrolled text content is masked behind
the label instead of showing through it.
This commit is contained in:
bymyself
2026-03-16 05:39:34 -07:00
parent 34f825a584
commit 2941615e45

View File

@@ -10,7 +10,7 @@
<label
v-if="!hideLayoutField"
:for="id"
class="pointer-events-none absolute top-1.5 left-3 z-10 text-xxs text-muted-foreground"
class="pointer-events-none absolute top-0 left-0 z-10 w-full rounded-t-lg bg-component-node-widget-background px-3 pt-1.5 pb-0.5 text-xxs text-muted-foreground"
>
{{ displayName }}
</label>