1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-24 19:10:22 +01:00
metamask-extension/ui/components/app/modals/account-modal-container/index.scss
David Walsh 0d72c2f878
Dark Mode: Account Details Modal (#14090)
Co-authored-by: Guillaume Roux <guillaumeroux123@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-22 18:05:15 +01:00

54 lines
904 B
SCSS

// Account Modal Container
.account-modal {
&__container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
position: relative;
padding: 5px 0 31px 0;
border: 1px solid var(--color-border-default);
border-radius: 4px;
}
&__back {
color: var(--color-icon-default);
position: absolute;
top: 13px;
left: 17px;
cursor: pointer;
display: flex;
align-items: center;
}
&__back-text {
@include H6;
padding-left: 3px;
}
&__close {
@include H1;
background-color: transparent;
color: var(--color-text-default);
position: absolute;
cursor: pointer;
top: -10px;
right: 12px;
&::after {
content: '\00D7';
}
}
& .identicon {
position: relative;
left: 0;
right: 0;
margin: 0 auto;
top: -32px;
margin-bottom: -32px;
}
}