Skip to content

Commit ed85494

Browse files
cliffhallclaude
andcommitted
Cap template form panel at 40% width
A bare text input + Read Resource button stretched across the whole main content area looks awkward on wide displays. Apply maw=40% to the PreviewPane in the template branch so the form keeps a reasonable form-field width regardless of viewport. The preview branch is unaffected — resource bodies still get the full main area for content. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent adb5f29 commit ed85494

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

clients/web/src/components/screens/ResourcesScreen/ResourcesScreen.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -202,7 +202,10 @@ export function ResourcesScreen({
202202
// Template form only — once the user clicks Read Resource,
203203
// handleReadResource clears the template selection so the
204204
// resource branch takes over and the preview is shown alone.
205-
<PreviewPane mah={SCROLL_MAX_HEIGHT}>
205+
// maw=40% keeps the form from stretching across the whole
206+
// main area; an unconstrained text input + Read button at
207+
// viewport width looks weird, especially on wide displays.
208+
<PreviewPane mah={SCROLL_MAX_HEIGHT} maw="40%">
206209
<PreviewCard>
207210
<ResourceTemplatePanel
208211
template={selectedTemplate}

0 commit comments

Comments
 (0)