m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fixing breakpoint fallthroughs

Browse Source
This commit is contained in:
ryanml 2021-09-11 11:13:36 -07:00
parent 069ebaf463
commit 5c03be009a
8 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/app/gas-customization/advanced-gas-inputs/index.scss
View File

@ -18,7 +18,7 @@
justify-content: space-between;
align-items: center;
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
@include H8;
}

4
ui/components/app/modals/deposit-ether-modal/index.scss
View File

@ -109,7 +109,7 @@
padding-bottom: 20px;
align-self: flex-start;
@media screen and (min-width: $break-small) {
@media screen and (min-width: $break-large) {
width: 15rem;
}
@ -128,7 +128,7 @@
display: flex;
justify-content: flex-end;
@media screen and (min-width: $break-small) {
@media screen and (min-width: $break-large) {
min-width: 300px;
}
}

2
ui/components/app/multiple-notifications/index.scss
View File

@ -8,7 +8,7 @@
right: 0;
margin: 8px;
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
width: 340px;
}

2
ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
View File

@ -1,5 +1,5 @@
.reveal-seed-phrase {
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
display: flex;
flex-direction: column;
width: 96%;

6
ui/pages/settings/contact-list-tab/index.scss
View File

@ -7,7 +7,7 @@
.address-book {
flex: 0.4 1 100%;
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
flex: 1;
max-width: 100%;
@ -259,7 +259,7 @@
width: auto;
border-radius: 100px;
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
top: 16px;
right: 60px;
@ -277,7 +277,7 @@
.address-book-contact-content {
flex: 0.4 1 100%;
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
flex: 1;
}
}

2
ui/pages/swaps/index.scss
View File

@ -51,7 +51,7 @@
width: 100%;
height: 100%;
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
&--overflow {
overflow: scroll;
}

4
ui/pages/swaps/swaps-footer/index.scss
View File

@ -9,7 +9,7 @@
}
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
&--border {
.swaps-footer__custom-page-container-footer-class {
border-top: 1px solid #d2d8dd;
@ -50,7 +50,7 @@
}
&__buttons {
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
&--border {
.swaps-footer__custom-page-container-footer-class {
border-top: 1px solid #d2d8dd;

2
ui/pages/swaps/view-quote/index.scss
View File

@ -20,7 +20,7 @@
pointer-events: none;
}
@media screen and (max-width: $break-large) {
@media screen and (max-width: $break-small) {
overflow-y: auto;
max-height: 420px;
}