mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
Fix styling of send screen in extension view when hex data on.
This commit is contained in:
parent
d8e41a6aa5
commit
8194309a9a
@ -5,9 +5,15 @@
|
|||||||
.page-container {
|
.page-container {
|
||||||
max-width: 391px;
|
max-width: 391px;
|
||||||
min-height: 585px;
|
min-height: 585px;
|
||||||
|
overflow-y: initial;
|
||||||
|
|
||||||
@media screen and (max-width: $break-small) {
|
@media screen and (max-width: $break-small) {
|
||||||
max-width: 344px;
|
max-width: 344px;
|
||||||
|
|
||||||
|
&__content {
|
||||||
|
display: flex;
|
||||||
|
overflow-y: initial;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__header {
|
&__header {
|
||||||
|
@ -67,10 +67,6 @@
|
|||||||
justify-content: stretch;
|
justify-content: stretch;
|
||||||
max-width: 260px;
|
max-width: 260px;
|
||||||
|
|
||||||
@media screen and (max-width: $break-small) {
|
|
||||||
max-width: 230px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&__button-fiat-price {
|
&__button-fiat-price {
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
@ -85,10 +81,18 @@
|
|||||||
|
|
||||||
&__primary-currency {
|
&__primary-currency {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
|
@media screen and (max-width: 575px) {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__secondary-currency {
|
&__secondary-currency {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
|
@media screen and (max-width: 575px) {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&__loading-container {
|
&__loading-container {
|
||||||
|
@ -6,6 +6,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column;
|
flex-flow: column;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
|
overflow-y: auto;
|
||||||
|
|
||||||
&__header {
|
&__header {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -197,11 +198,7 @@
|
|||||||
background-color: $white;
|
background-color: $white;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
overflow-y: auto;
|
||||||
&__content {
|
|
||||||
display: flex;
|
|
||||||
overflow-y: initial;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -530,7 +530,6 @@
|
|||||||
@media screen and (max-width: $break-small) {
|
@media screen and (max-width: $break-small) {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -580,7 +579,7 @@
|
|||||||
font-family: Roboto;
|
font-family: Roboto;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: 22px;
|
line-height: 22px;
|
||||||
width: 112px;
|
width: 88px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
@ -623,7 +622,6 @@
|
|||||||
|
|
||||||
&__to-autocomplete {
|
&__to-autocomplete {
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width: 260px;
|
|
||||||
|
|
||||||
&__down-caret {
|
&__down-caret {
|
||||||
z-index: 1026;
|
z-index: 1026;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user