d585edbc92
Fixes cramped padding on the Cursor CLI provider auth card in the dashboard. - Adjusted CSS spacing/padding rules in CursorCliProviderCard.css - Updated CursorCliProviderCard.tsx to apply the corrected layout - Added regression tests covering the card's rendering/padding behavior - Added a changeset documenting the patch-level fix Files changed: .changeset/fn-7695-cursor-cli-padding.md | 7 ++ .../app/components/CursorCliProviderCard.css | 19 +++++ .../app/components/CursorCliProviderCard.tsx | 14 +++- .../__tests__/CursorCliProviderCard.test.tsx | 96 ++++++++++++++++++++++ 4 files changed, 134 insertions(+), 2 deletions(-) Fusion-Task-Id: FN-7695 Fusion-Task-Lineage: 565a7e70-347c-4cbf-8ba1-a672b57c0021 Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
68 lines
1.8 KiB
CSS
68 lines
1.8 KiB
CSS
.cursor-cli-provider-card .auth-provider-cli-actions,
|
|
.cursor-cli-provider-card .onboarding-provider-card__actions {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
align-items: center;
|
|
}
|
|
|
|
/*
|
|
FNXC:CursorCli 2026-07-08-00:00:
|
|
Compact card body must be inset to match `.auth-provider-header`'s horizontal padding
|
|
(`var(--space-sm) var(--space-md)`), mirroring `.auth-provider-cli-details-body` used by the
|
|
Claude CLI card (`0 16px 12px` desktop / `0 14px 12px` mobile). Without this, the status line and
|
|
binary-path control render flush against the card's left/right/bottom edges. See FN-7695.
|
|
*/
|
|
.cursor-cli-provider-card__body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-sm);
|
|
padding: 0 var(--space-md) var(--space-sm);
|
|
}
|
|
|
|
.cursor-cli-binary-path-control {
|
|
display: grid;
|
|
gap: var(--space-xs);
|
|
margin-top: var(--space-sm);
|
|
}
|
|
|
|
.cursor-cli-binary-path-label {
|
|
color: var(--text-secondary);
|
|
font-size: 0.78rem;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.cursor-cli-binary-path-row {
|
|
display: flex;
|
|
gap: var(--space-sm);
|
|
align-items: center;
|
|
}
|
|
|
|
.cursor-cli-binary-path-input {
|
|
min-width: 0;
|
|
flex: 1 1 18rem;
|
|
height: 2rem;
|
|
border: 1px solid var(--border-subtle);
|
|
border-radius: var(--radius-sm);
|
|
background: var(--surface-elevated);
|
|
color: var(--text-primary);
|
|
padding: 0 var(--space-sm);
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.cursor-cli-provider-card .auth-provider-cli-actions,
|
|
.cursor-cli-provider-card .onboarding-provider-card__actions,
|
|
.cursor-cli-binary-path-row {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.cursor-cli-binary-path-row .btn,
|
|
.cursor-cli-binary-path-input {
|
|
width: 100%;
|
|
}
|
|
|
|
/* FNXC:CursorCli 2026-07-08-00:00: mirror `.auth-provider-cli-details-body`'s 14px mobile inset. */
|
|
.cursor-cli-provider-card__body {
|
|
padding: 0 var(--space-sm) var(--space-sm);
|
|
}
|
|
}
|