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

47
docs/design-system-redesign/preview/brand-logo.html Normal file
View File

@@ -0,0 +1,47 @@
<!doctype html><html><head><meta charset="utf-8"><title>Brand</title><link rel="stylesheet" href="_card.css"><style>
.brand {
display: flex; align-items: center; gap: 12px;
padding: 14px 16px;
background: linear-gradient(135deg, rgba(30,41,59,0.95) 0%, rgba(51,65,85,0.9) 100%);
border: 1px solid rgba(14,165,233,0.30);
border-radius: 8px;
}
.brand-mark {
width: 36px; height: 36px; border-radius: 8px;
background: rgba(14,165,233,0.10); border: 1px solid rgba(14,165,233,0.4);
display: flex; align-items: center; justify-content: center;
color: var(--intel-accent-bright);
box-shadow: inset 0 1px 0 rgba(14,165,233,0.2), 0 0 12px rgba(14,165,233,0.15);
}
.brand-name {
font: 700 16px/1 var(--font-mono);
color: var(--intel-accent-bright);
text-transform: uppercase; letter-spacing: 0.10em;
text-shadow: var(--glow-heading);
}
.brand-sub {
font: 400 11px/1 var(--font-mono);
color: var(--text-muted); margin-top: 4px;
}
</style></head><body>
<div class="card">
<div class="brand">
<div class="brand-mark">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="2" width="18" height="20" rx="3"/>
<circle cx="12" cy="11" r="5.5"/>
<line x1="6.5" y1="11" x2="17.5" y2="11"/>
<line x1="12" y1="5.5" x2="12" y2="16.5"/>
<path d="M9.5 5.8C8.6 7.3 8 9 8 11s0.6 3.7 1.5 5.2"/>
<path d="M14.5 5.8C15.4 7.3 16 9 16 11s-0.6 3.7-1.5 5.2"/>
</svg>
</div>
<div>
<div class="brand-name">STEAM Security</div>
<div class="brand-sub">vulnerability management dashboard</div>
</div>
</div>
<div class="t-meta">Atlas globe-badge mark + uppercase mono wordmark with sky-blue glow.</div>
</div>
</body></html>