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 64cec4a205
commit be03428e79
13 changed files with 6442 additions and 6229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/dashboard/app/components/TaskDetailModal.css
View File

@@ -60,7 +60,7 @@
}
.detail-body {
padding: 20px;
padding: calc(var(--space-lg) + var(--space-xs));
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: var(--border) transparent;
@@ -209,7 +209,7 @@
align-items: flex-start;
gap: var(--space-md);
margin: var(--space-md) 0 var(--space-lg);
padding: 12px 14px;
padding: var(--space-md) calc(var(--space-md) + var(--space-xs) / 2);
background: color-mix(in srgb, var(--color-error-dark) 10%, transparent);
border: 1px solid color-mix(in srgb, var(--color-error-dark) 30%, transparent);
border-radius: var(--radius-md);
@@ -254,6 +254,11 @@
gap: var(--space-xs);
}
.detail-meta-label-icon {
vertical-align: middle;
margin-right: var(--space-xs);
}
.detail-source-section {
border: 1px solid var(--border);
border-radius: var(--radius-md);
@@ -1172,7 +1177,7 @@
}
.detail-prompt {
padding: 14px;
padding: calc(var(--space-md) + var(--space-xs) / 2);
font-size: 13px;
line-height: 1.6;
font-family: var(--font-mono);
@@ -1182,7 +1187,7 @@
}
.spec-loading {
padding: 14px;
padding: calc(var(--space-md) + var(--space-xs) / 2);
font-size: 13px;
color: var(--text-muted);
display: flex;
@@ -1240,7 +1245,9 @@
border-radius: var(--radius-sm);
color: var(--text-muted);
cursor: pointer;
transition: all 0.15s;
transition:
background var(--transition-fast),
color var(--transition-fast);
}
.modal-edit-btn:hover {
@@ -1444,7 +1451,7 @@
}
.detail-body {
padding: 14px;
padding: calc(var(--space-md) + var(--space-xs) / 2);
overflow-x: hidden;
overflow-y: auto;
}
@@ -1456,7 +1463,7 @@
.modal-actions {
flex-wrap: wrap;
gap: var(--space-sm);
padding: 12px 14px calc(12px + env(safe-area-inset-bottom, 0px));
padding: var(--space-md) calc(var(--space-md) + var(--space-xs) / 2) calc(var(--space-md) + env(safe-area-inset-bottom, 0px));
}
.modal-actions .btn {
@@ -1474,7 +1481,7 @@
}
.modal-header {
padding: 12px 14px;
padding: var(--space-md) calc(var(--space-md) + var(--space-xs) / 2);
}
.detail-tabs {