1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
metamask-extension/ui/components/app/signature-request/index.scss

69 lines
1.1 KiB
SCSS

@import 'signature-request-header/index';
@import 'signature-request-message/index';
@import 'signature-request-data/index';
.signature-request {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
width: 408px;
background-color: var(--color-background-default);
box-shadow: var(--shadow-size-xs) var(--color-shadow-default);
border-radius: 8px;
@include screen-sm-min {
max-height: 55vh;
min-height: 570px;
flex: 0 0 auto;
margin-left: auto;
margin-right: auto;
}
}
.signature-request-header {
flex: 1;
.network-display {
justify-content: flex-end;
margin-left: auto;
}
}
.signature-request-content {
flex: 1 40%;
margin-top: 1rem;
display: flex;
align-items: center;
flex-direction: column;
min-height: min-content;
&__title {
@include H5;
font-weight: 500;
}
&__info {
@include H7;
padding: 0 12px 4px;
}
&__info--bolded {
@include Paragraph;
font-weight: 500;
}
p {
@include H6;
color: var(--color-text-muted);
}
}
a.signature-request-content__verify-contract-details {
padding: 0;
}