1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 02:10:12 +01:00
metamask-extension/ui/components/multichain/multichain-connected-site-menu/index.scss
Nidhi Kumari 6f15795c33
UX Multichain: Fixed UI updates for header (#19006)
* Fixed UI updates for header

* updated padding

* replaced grey avatar border with white color and updated snapshots

---------

Co-authored-by: David Walsh <davidwalsh83@gmail.com>
2023-05-05 10:51:10 +05:30

28 lines
435 B
SCSS

.multichain-connected-site-menu {
height: 24px;
width: 24px;
padding: 0;
&__badge {
height: 12px;
width: 12px;
}
&__badge.not-connected {
height: 8px;
width: 8px;
}
&__badge.not-connected::after {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: var(--color-background-default);
z-index: -1;
border-radius: 50%;
}
}