root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-3308): fix CSS token consistency in settings and task detail modals

Browse Source 
Fixes CSS token consistency issues in TaskDetailModal and SettingsModal, and updates the corresponding mobile overflow test to match the refactored styles.

Fusion-Task-Id: FN-3308
This commit is contained in:
Fusion
2026-05-04 13:59:30 -07:00
committed by gsxdsm
parent bf5a0208a9
commit 88171eb5b3
13 changed files with 6442 additions and 6229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
packages/dashboard/app/components/SettingsModal.css
View File

@@ -288,7 +288,7 @@
background: none;
border: none;
border-left: 3px solid transparent;
border-radius: 0 var(--radius) var(--radius) 0;
border-radius: 0 var(--radius-md) var(--radius-md) 0;
cursor: pointer;
text-align: left;
transition:
@@ -458,7 +458,7 @@
padding: var(--space-sm) var(--space-xl);
margin: 0 var(--space-xl) var(--space-xs);
font-size: 12px;
border-radius: var(--radius);
border-radius: var(--radius-md);
color: var(--text-muted);
}
.settings-scope-global {
@@ -1143,10 +1143,10 @@
}
.auth-section-hint {
padding: 12px 16px;
padding: var(--space-md) var(--space-lg);
margin-bottom: 12px;
background: var(--bg-tertiary);
border-radius: var(--radius);
border-radius: var(--radius-md);
font-size: 13px;
color: var(--text-muted);
border-left: 3px solid var(--text-muted);
@@ -1302,6 +1302,33 @@
margin-block: 0 var(--space-md);
line-height: 1.5;
}
.settings-token-cap-row {
display: flex;
align-items: center;
gap: var(--space-sm);
}
.settings-model-lane-label-row {
display: flex;
align-items: center;
gap: var(--space-sm);
margin-bottom: var(--space-xs);
}
.settings-model-lane-control-row {
display: flex;
align-items: center;
gap: var(--space-sm);
}
.settings-model-lane-control-main {
flex: 1;
}
.settings-summarization-actions {
justify-content: flex-start;
}
/* === Settings: Model Presets === */
.settings-model-presets {
display: flex;
@@ -1439,7 +1466,7 @@
gap: 4px;
border-left: none;
border-bottom: 2px solid transparent;
border-radius: var(--radius) var(--radius) 0 0;
border-radius: var(--radius-md) var(--radius-md) 0 0;
padding: 6px 12px;
white-space: nowrap;
}
@@ -1555,7 +1582,7 @@
.auth-provider-row {
flex-wrap: wrap;
padding: 12px 14px;
padding: var(--space-md) calc(var(--space-md) + var(--space-xs) / 2);
gap: var(--space-sm);
}