Projets/ObsiGate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: redesign dashboard card icons with outlined style and larger size

Browse Source 
- Increase icon container size from 28px to 40px
- Change from solid accent background to transparent with 2px accent border
- Update border-radius from 6px to 8px
- Change icon color from white to accent color
- Increase SVG icon size from 20px to 24px
- Add flexbox centering for better icon alignment
This commit is contained in:
Bruno Charest 2026-03-31 07:38:13 -04:00
parent 1c2e867585
commit f2de0d9456
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/style.css
View File

@ -4861,18 +4861,22 @@ body.popup-mode .content-area {
} }
.dashboard-card-icon { .dashboard-card-icon {
width: 28px; width: 40px;
height: 28px; height: 40px;
padding: 6px; padding: 4px;
background: var(--accent); background: transparent;
border-radius: 6px; border: 2px solid var(--accent);
color: white; border-radius: 8px;
color: var(--accent);
flex-shrink: 0; flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
} }
.dashboard-card-icon svg { .dashboard-card-icon svg {
width: 20px; width: 24px;
height: 20px; height: 24px;
} }
.dashboard-vault-badge { .dashboard-vault-badge {