DialogScrollContent

Source: client/lib/theme/vueda-tailwind/shell/index.js

The scrollable dialog surface. It stays centered inside the scroll overlay while preserving the modal radius, border, and overlay shadow used by dialog surfaces.

Vue component: DialogScrollContent

Slot	Default classes	Description
root	3 classes	The scrollable dialog surface. It stays centered inside the scroll overlay while preserving the modal radius, border, and overlay shadow used by dialog surfaces.
overlay	2 classes	The scrollable dialog overlay. It both paints the backdrop and provides a grid centering context with vertical overflow for tall modal content.
close	2 classes	The close control for scrollable dialog content. It is positioned inside the modal surface and uses the canonical --accent hover fill (the same ghost-icon-button affordance used elsewhere) instead of changing layout.

root

The scrollable dialog surface. It stays centered inside the scroll overlay while preserving the modal radius, border, and overlay shadow used by dialog surfaces.

Default classes:

relative z-50 grid w-full max-w-lg my-8 gap-4
overlay-hairline overlay-hairline-elevated bg-background text-foreground p-6 duration-200
sm:rounded-vueda-modal md:w-full

Source: client/lib/theme/vueda-tailwind/shell/DialogScrollContent.theme.js:18

overlay

The scrollable dialog overlay. It both paints the backdrop and provides a grid centering context with vertical overflow for tall modal content.

Default classes:

fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-overlay
data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0

Source: client/lib/theme/vueda-tailwind/shell/DialogScrollContent.theme.js:33

close

The close control for scrollable dialog content. It is positioned inside the modal surface and uses the canonical --accent hover fill (the same ghost-icon-button affordance used elsewhere) instead of changing layout.

Default classes:

absolute top-4 right-4 p-0.5
transition-colors rounded-md hover:bg-accent hover:text-accent-foreground active:bg-accent-active active:text-accent-foreground

Source: client/lib/theme/vueda-tailwind/shell/DialogScrollContent.theme.js:45