Skip to content

Commit 69c4374

Browse files
committed
fix(web): align draft pane styles with design mockup
- Add panel padding and vertical divider between Agent/File Editor panels - Add horizontal divider rule for stacked narrow layout - Remove CTA text from provider buttons (not in design) - Lower responsive breakpoint from 36rem to 28rem so side-by-side layout persists longer - Add border-left rule to base CSS block for consistency
1 parent 262e0b8 commit 69c4374

2 files changed

Lines changed: 17 additions & 4 deletions

File tree

packages/web/src/features/agent-panes/views/shared/draft-launcher.tsx

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -308,9 +308,6 @@ export const DraftLauncher: FC<DraftLauncherProps> = ({
308308
<span className="agent-provider-card-title-row">
309309
<span className="agent-provider-card-title">{provider.title}</span>
310310
</span>
311-
<span className="agent-provider-card-cta">
312-
{getProviderCta(provider.id)}
313-
</span>
314311
{isBusy ? (
315312
<span className="agent-provider-card-status">
316313
{t("provider.install.status.installing")}

packages/web/src/styles/components.css

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4090,6 +4090,10 @@ body.is-dragging-pane {
40904090
flex-direction: row;
40914091
}
40924092

4093+
.agent-draft-panel + .agent-draft-panel {
4094+
border-left: 1px solid var(--border-default);
4095+
}
4096+
40934097
/* ========== Session Card ========== */
40944098
.session-card {
40954099
display: flex;
@@ -7298,6 +7302,11 @@ textarea.input {
72987302
flex-direction: column;
72997303
align-items: flex-start;
73007304
gap: var(--sp-3);
7305+
padding: var(--sp-5);
7306+
}
7307+
7308+
.agent-draft-panel + .agent-draft-panel {
7309+
border-left: 1px solid var(--border-default);
73017310
}
73027311

73037312
.agent-draft-panel-header {
@@ -7486,12 +7495,19 @@ textarea.input {
74867495
color: var(--text-tertiary);
74877496
padding-top: var(--sp-3);
74887497
border-top: 1px solid var(--border-default);
7498+
margin-top: var(--sp-2);
74897499
}
74907500

7491-
@container (max-width: 36rem) {
7501+
@container (max-width: 28rem) {
74927502
.agent-draft-component-row {
74937503
flex-direction: column;
74947504
}
7505+
7506+
.agent-draft-panel + .agent-draft-panel {
7507+
border-left: none;
7508+
border-top: 1px solid var(--border-default);
7509+
padding-left: var(--sp-5);
7510+
}
74957511
}
74967512

74977513
.session-card {

0 commit comments

Comments
 (0)