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

- 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

View File

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