cameleer/cameleer-server
1
0
Fork 0
Code Issues 44 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: use correct DS CSS variables for modal background

Browse Source 
Replace non-existent --surface-1/--surface-2 with --bg-raised (modal)
and --bg-hover (subtle backgrounds) from the design system.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-14 16:59:50 +02:00
parent a3ec0aaef3
commit c02fd77c30
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
ui/src/pages/Admin/ClaimMappingRulesModal.module.css
View File

@@ -9,7 +9,7 @@
} }
.modal { .modal {
background: var(--surface-1); background: var(--bg-raised);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 12px; border-radius: 12px;
width: min(800px, 90vw); width: min(800px, 90vw);
@@ -87,7 +87,7 @@
} }
.claimCode { .claimCode {
background: var(--surface-2, var(--surface-1)); background: var(--bg-hover);
padding: 2px 6px; padding: 2px 6px;
border-radius: 4px; border-radius: 4px;
font-family: var(--font-mono); font-family: var(--font-mono);
@@ -103,7 +103,7 @@
} }
.pillMatch { .pillMatch {
background: var(--surface-2, var(--surface-1)); background: var(--bg-hover);
color: var(--text-secondary, var(--text-muted)); color: var(--text-secondary, var(--text-muted));
} }
@@ -147,7 +147,7 @@
.iconBtn:hover { .iconBtn:hover {
color: var(--text); color: var(--text);
background: var(--surface-2, var(--surface-1)); background: var(--bg-hover);
} }
.iconBtn:disabled { .iconBtn:disabled {
@@ -213,7 +213,7 @@
} }
.testToggle:hover { .testToggle:hover {
background: var(--surface-2, var(--surface-1)); background: var(--bg-hover);
} }
.testToggleLabel { .testToggleLabel {
@@ -244,7 +244,7 @@
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
height: 140px; height: 140px;
background: var(--surface-2, var(--surface-1)); background: var(--bg-hover);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 6px; border-radius: 6px;
padding: 10px; padding: 10px;
@@ -256,7 +256,7 @@
.testResults { .testResults {
flex: 1; flex: 1;
background: var(--surface-2, var(--surface-1)); background: var(--bg-hover);
border: 1px solid var(--border); border: 1px solid var(--border);
border-radius: 6px; border-radius: 6px;
padding: 12px; padding: 12px;