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:
parent
1c2e867585
commit
f2de0d9456
@ -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 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user