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

40
docs/design-system-redesign/preview/components-buttons.html Normal file
View File

@@ -0,0 +1,40 @@
<!doctype html><html><head><meta charset="utf-8"><title>Buttons</title><link rel="stylesheet" href="_card.css"><style>
.intel-btn {
position: relative; overflow: hidden;
font: 600 13px/1 var(--font-mono);
letter-spacing: 0.5px; text-transform: uppercase;
padding: 10px 20px; border-radius: 6px;
border: 1px solid; cursor: pointer;
transition: all 0.3s;
box-shadow: 0 2px 6px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1);
}
.btn-primary {
background: linear-gradient(135deg, rgba(14,165,233,0.15) 0%, rgba(14,165,233,0.10) 100%);
border-color: var(--intel-accent); color: var(--intel-accent-bright);
text-shadow: 0 0 6px rgba(14,165,233,0.2);
}
.btn-danger {
background: linear-gradient(135deg, rgba(239,68,68,0.15) 0%, rgba(239,68,68,0.10) 100%);
border-color: var(--intel-danger); color: #F87171;
text-shadow: 0 0 6px rgba(239,68,68,0.2);
}
.btn-success {
background: linear-gradient(135deg, rgba(16,185,129,0.15) 0%, rgba(16,185,129,0.10) 100%);
border-color: var(--intel-success); color: #34D399;
text-shadow: 0 0 6px rgba(16,185,129,0.2);
}
.btn-ghost {
background: transparent; border-color: var(--border-default);
color: var(--text-muted); text-shadow: none;
}
</style></head><body>
<div class="card">
<div class="card-row" style="gap:10px">
<button class="intel-btn btn-primary">Sync</button>
<button class="intel-btn btn-success">Approve FP</button>
<button class="intel-btn btn-danger">Delete</button>
<button class="intel-btn btn-ghost">Cancel</button>
</div>
<div class="t-meta">Mono · uppercase · gradient fills · 1px brand-color border · soft text-glow.</div>
</div>
</body></html>