Skip to content

Commit 946d949

Browse files
jasonczcclaude
andcommitted
style(web): shrink chat gutters 60→24px, widen content cap 800→900
Main area was floating as a narrow 800px strip with 60px gutters inside another margin, leaving hollow white on both sides on wide screens. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
1 parent f273590 commit 946d949

1 file changed

Lines changed: 9 additions & 6 deletions

File tree

web/src/cursor-theme.css

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1173,17 +1173,20 @@ body {
11731173
VERTICAL RHYTHM + WIDTH (claude-clone chat column)
11741174
============================================================ */
11751175

1176-
/* Content column: 800px max, 60px horizontal gutter on viewport */
1176+
/* Content column: claude-clone is actually ~760px; gutter 24px so on a
1177+
1400px main pane there's ~280px margin each side which feels balanced.
1178+
For very wide viewports the composer should feel like it's occupying
1179+
the same column, so both inner and input-container share 900px cap. */
11771180
.cursor-theme .chat-timeline-inner {
1178-
max-width: 800px !important;
1181+
max-width: 900px !important;
11791182
padding-left: 0 !important;
11801183
padding-right: 0 !important;
11811184
margin-left: auto !important;
11821185
margin-right: auto !important;
11831186
}
11841187
.cursor-theme .chat-timeline-viewport {
1185-
padding-left: 60px !important;
1186-
padding-right: 60px !important;
1188+
padding-left: 24px !important;
1189+
padding-right: 24px !important;
11871190
padding-top: 6px !important;
11881191
padding-bottom: 6px !important;
11891192
}
@@ -1194,9 +1197,9 @@ body {
11941197
--chat-round-gap-internal: 12px !important;
11951198
--chat-message-gap: 6px !important;
11961199
}
1197-
.cursor-theme .input-container { max-width: 800px !important; margin-left: auto !important; margin-right: auto !important; }
1200+
.cursor-theme .input-container { max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; }
11981201
.cursor-theme .input-area-wrapper {
1199-
padding: 4px 60px 6px 60px !important;
1202+
padding: 4px 24px 6px 24px !important;
12001203
position: absolute !important;
12011204
bottom: 0 !important;
12021205
left: 0 !important;

0 commit comments

Comments
 (0)