Line

You are reading docs for v0.8. See latest (v0.9)

ui/client/features/pages-editor/domain/PreviewFrameStyle

Pure (DOMAIN-001): how a chosen preview size becomes a box, and how the frame's real measured size reads.

Cockpit client (features), v0.8. Source: ui/client/features/pages-editor/domain/PreviewFrameStyle.ts.

Functions#

previewFrameStyle()#

previewFrameStyle(option): object

Defined in: ui/client/features/pages-editor/domain/PreviewFrameStyle.ts:7

The frame box for a size. maxWidth: 100% on every one of them is what keeps a device width honest: a 1280 frame in a 900px stage narrows to 900 and the readout says so.

Parameters#

option

PreviewSizeOption

Returns#

object

maxWidth

maxWidth: string

width

width: string


previewSizeReadout()#

previewSizeReadout(size): string

Defined in: ui/client/features/pages-editor/domain/PreviewFrameStyle.ts:15

1280 x 720 px, rounded — what the frame actually measures right now. Empty while unmeasured.

Parameters#

size

{ height: number; width: number; } | null

Returns#

string