mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
80e4a1fef4
Fix e2e test Update siteicon for v4 signature type Code refactor Code refactor Remove origin and address in signatrue request Update e2e tests Use getNetworkName function Move header component inline jsx Update snaps
155 lines
2.5 KiB
SCSS
155 lines
2.5 KiB
SCSS
.request-signature {
|
|
&__container {
|
|
width: 380px;
|
|
border-radius: 8px;
|
|
background-color: var(--color-background-default);
|
|
box-shadow: var(--shadow-size-xs) var(--color-shadow-default);
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
z-index: 25;
|
|
align-items: center;
|
|
position: relative;
|
|
height: 100%;
|
|
|
|
@include screen-sm-max {
|
|
width: 100%;
|
|
top: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
@include screen-sm-min {
|
|
height: 620px;
|
|
}
|
|
|
|
&__reject {
|
|
padding-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
&__typed-container {
|
|
padding: 17px;
|
|
|
|
h1 {
|
|
font-weight: 900;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
* {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
> div {
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
&__content__title {
|
|
@include H3;
|
|
|
|
display: flex;
|
|
justify-content: center;
|
|
color: var(--color-default-text);
|
|
z-index: 3;
|
|
}
|
|
|
|
&__account {
|
|
width: 100%;
|
|
}
|
|
|
|
&__body {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-flow: column;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
&__origin {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
&__notice,
|
|
&__warning {
|
|
@include H6;
|
|
|
|
text-align: center;
|
|
margin-top: 41px;
|
|
margin-bottom: 11px;
|
|
width: 100%;
|
|
}
|
|
|
|
&__notice {
|
|
color: var(--color-text-alternative);
|
|
padding: 0 10px;
|
|
}
|
|
|
|
&__rows {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
border-top: 1px solid var(--color-border-default);
|
|
display: flex;
|
|
flex-flow: column;
|
|
}
|
|
|
|
&__row {
|
|
display: flex;
|
|
flex-flow: column;
|
|
flex: 1 0 auto;
|
|
}
|
|
|
|
&__row-title {
|
|
@include H5;
|
|
|
|
width: 80px;
|
|
color: var(--color-text-alternative);
|
|
margin-top: 12px;
|
|
margin-left: 18px;
|
|
width: 100%;
|
|
}
|
|
|
|
&__row-value {
|
|
@include H6;
|
|
|
|
color: var(--color-text-alternative);
|
|
width: 100%;
|
|
overflow-wrap: break-word;
|
|
border-bottom: 1px solid var(--color-border-default);
|
|
padding: 6px 18px 15px;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
&__help-link {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
color: var(--color-primary-default);
|
|
margin-inline-start: 3px;
|
|
}
|
|
|
|
&__footer {
|
|
@include H3;
|
|
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: relative;
|
|
flex: 0 0 auto;
|
|
border-top: 1px solid var(--color-border-default);
|
|
padding: 1.6rem;
|
|
|
|
button {
|
|
width: 165px;
|
|
}
|
|
|
|
&__cancel-button {
|
|
margin-right: 1.2rem;
|
|
}
|
|
}
|
|
}
|