jramos/cve-dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: Dashboard redesign — design system overhaul and component updates

Browse Source 
Frontend redesign in progress: updated styles, layout, and components
across all pages to align with new design system. Includes Jira API
compliance specs, property tests, and load test script.
This commit is contained in:
root
2026-04-29 14:20:23 +00:00
parent 37119b9c8a
commit 27192dd69f
78 changed files with 9902 additions and 1368 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/design-system-redesign/preview/components-inputs.html Normal file
View File

@@ -0,0 +1,19 @@
<!doctype html><html><head><meta charset="utf-8"><title>Inputs</title><link rel="stylesheet" href="_card.css"><style>
.field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:160px}
.field label{font:500 11px var(--font-ui);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.06em}
.field input,.field select{background:var(--bg-input);color:var(--fg-1);border:1px solid var(--border-1);border-radius:6px;padding:8px 10px;font:400 13px var(--font-ui);outline:none}
.field input:focus,.field select:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}
.field input::placeholder{color:var(--fg-disabled)}
</style></head><body>
<div class="card">
<div class="card-row" style="gap:14px;align-items:flex-start">
<div class="field"><label>Search</label><input placeholder="CVE-2024-…" /></div>
<div class="field"><label>Vendor</label><select><option>All vendors</option><option>Cisco</option><option>Juniper</option></select></div>
<div class="field"><label>Severity</label><select><option>All</option><option>Critical</option><option>High</option></select></div>
</div>
<div class="card-row" style="gap:14px">
<div class="field" style="max-width:240px"><label>Focused</label><input value="EXC-30482" style="border-color:var(--border-focus);box-shadow:var(--shadow-focus)" /></div>
<div class="field" style="max-width:240px"><label>Disabled</label><input value="read only" disabled style="opacity:.5" /></div>
</div>
</div>
</body></html>