Resize viewport

preview_resize

Group: Preview
Turned on by: Its own switch on the Tools page of Conversation settings.
Approval: Not reviewed: runs without asking, within the limits on this page.
Profile key: tool.preview_resize.description

Emulates a device size or a light or dark colour scheme on the conversation's preview page, for testing responsive layouts.

mobile is 375 × 812, tablet is 768 × 1024, and desktop clears the size emulation. The size stays through reloads and navigation.

When it asks you

Never. If you have been using the page yourself, you hand it back first in the pane; on a signed-in page, that takeover needs your approval at every security level. See Browser and preview.

Good to know

Below 768 pixels wide the page also acts as a phone with touch input, so hover states stop appearing; pages that detect the device on load need a reload.
Pages follow Mework's light or dark theme. A colorScheme set here stays on the tab, through reloads and desktop, until you change the app theme or reopen the pane.

Parameters

Parameter	Type	Details
`colorScheme` Color scheme	string	Emulate prefers-color-scheme media feature for dark/light mode testing. `"light"` `"dark"`
`height` Height	number	Viewport height in CSS pixels (requires width)
`preset` Device preset	string	Device preset. Overrides width/height if provided. "desktop" clears the size emulation (back to the pane's responsive size). `"mobile"` `"tablet"` `"desktop"`
`serverId` Server ID	string	Server ID
`width` Width	number	Viewport width in CSS pixels (requires height)