romfast/gomag-vending
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(ui): design polish + replace CUI badge with +RO/−RO

Browse Source 
6 design review fixes: diff summary badge in modal header, PF indicator,
eFactura risk icon (octagon vs triangle for colorblind), aria labels,
extract .denom-mismatch CSS class, remove dead .addr-table CSS.

Replace vague "Corectat" badge with directional +RO (green, prefix added)
or −RO (orange, prefix removed). Kit items show "Kit" badge instead of
price match dot. Cache-bust shared.js v24, style.css v31.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude Agent
2026-04-02 13:01:50 +00:00
parent ffd4cc0800
commit 84c38e3641
3 changed files with 72 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
api/app/static/css/style.css
View File

@@ -1229,26 +1229,21 @@ tr.mapping-deleted td {
flex-shrink: 0;
filter: drop-shadow(0 0 3px rgba(202,138,4,0.3));
}
.addr-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.addr-table th {
font-family: var(--font-display);
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
color: var(--text-muted);
padding: 6px 8px;
text-align: left;
.addr-line .bi-exclamation-octagon {
color: var(--error-text);
flex-shrink: 0;
filter: drop-shadow(0 0 3px rgba(220,38,38,0.3));
}
.addr-table td { padding: 8px; vertical-align: top; font-family: var(--font-body); }
.addr-mismatch { background: var(--warning-light) !important; }
.addr-efactura-risk { background: var(--error-light) !important; }
.addr-label {
font-family: var(--font-display);
font-size: 11px;
/* Denomination mismatch alert */
.denom-mismatch {
background: var(--warning-light);
padding: 8px 12px;
border-radius: var(--card-radius);
}
.denom-mismatch-title {
font-size: 12px;
color: var(--warning-text);
font-weight: 500;
text-transform: uppercase;
color: var(--text-secondary);
margin-bottom: 4px;
}
/* Mobile address cards */
.addr-card { border: 1px solid var(--border); border-radius: var(--card-radius); margin-bottom: 8px; overflow: hidden; }