1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-01 13:47:06 +01:00
metamask-extension/ui/components/app/signature-request/index.scss
Filip Sekulic 2acd51af2e
Open sea security provider warning message (#17662)
* Warning message for the OpenSea security provider

* Updated snapshots

* Removed flask usage

* Covered more test cases

* Code refactor

* Fixed errors

* Code refactor

* Fixed few issues

* Covered more code with tests
2023-02-23 08:38:09 -03:00

78 lines
1.2 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;
height: max-content;
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: 80vh;
min-height: 570px;
flex: 0 0 auto;
margin-left: auto;
margin-right: auto;
}
&__reject-all-button {
margin-top: -15px;
}
&__origin {
margin-top: 16px;
}
}
.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;
}