1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 02:10:12 +01:00
metamask-extension/ui/components/app/signature-request/index.scss
Ujwal Kumar 04839a250d
Issue 17670 replace typography with text (#19433)
* Replace Typograph with Text component in numeric-input-component.js

* Replace Typography with Text component in signature-request-message.js

* Replace Typography with Text component in signature-request.component.js

* Replacing deprecating constants and fixing some signature story warnings

* Updating snapshot

* Fixing import

---------

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
Co-authored-by: Garrett Bear <gwhisten@gmail.com>
2023-06-26 15:50:08 -07:00

72 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;
&__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;
}