DetailView

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

Outer wrapper. Layout-only; PageTitle, the StickyBar, and the body below own the visible chrome, so this stays empty by default. The class prop merges here.

Vue component: DetailView

Slot	Default classes	Description
root		Outer wrapper. Layout-only; PageTitle, the StickyBar, and the body below own the visible chrome, so this stays empty by default. The class prop merges here.
body	px-5 py-5	Body region wrapping the error display and the generated form. px-5 py-5 sets the content gutter; the horizontal px-5 aligns the form's left edge with the StickyBar controls and PageTitle title above it so the page chrome reads as a continuous column. Merge extra classes here via themeOverride (or setTheme).

root

Outer wrapper. Layout-only; PageTitle, the StickyBar, and the body below own the visible chrome, so this stays empty by default. The class prop merges here.

Source: client/lib/theme/vueda-tailwind/views/DetailView.theme.js:18

body

Body region wrapping the error display and the generated form. px-5 py-5 sets the content gutter; the horizontal px-5 aligns the form's left edge with the StickyBar controls and PageTitle title above it so the page chrome reads as a continuous column. Merge extra classes here via themeOverride (or setTheme).

Default classes:

px-5 py-5

Source: client/lib/theme/vueda-tailwind/views/DetailView.theme.js:22