1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-30 16:18:07 +01:00
metamask-extension/ui/components/app/confirm-page-container/confirm-page-container-header/index.scss
Guillaume Roux ad28c81a39
General backgrounds and borders design token updates (#13764)
Co-authored-by: Guillaume Roux <guillaumeroux123@gmail.com>
Co-authored-by: George Marshall <george.marshall@consensys.net>
Co-authored-by: David Walsh <davidwalsh83@gmail.com>
2022-03-16 15:49:25 +01:00

52 lines
900 B
SCSS

.confirm-page-container-header {
display: flex;
flex-direction: column;
flex: 0 0 auto;
&__row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--color-border-muted);
padding: 4px 13px 4px 13px;
flex: 0 0 auto;
align-items: center;
& .network-display {
margin-right: 0;
height: 25px;
}
}
&__back-button-container {
display: flex;
justify-content: center;
align-items: center;
color: var(--color-primary-default);
[dir='rtl'] & img {
transform: rotate(180deg);
}
}
&__back-button {
@include Paragraph;
color: var(--color-primary-default);
cursor: pointer;
padding-left: 5px;
}
&__address-container {
display: flex;
align-items: center;
margin-top: 2px;
margin-bottom: 2px;
}
&__address {
@include H6;
margin-left: 6px;
}
}