diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-20 05:59:33 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-21 12:51:37 +0800 |
commit | 2b26496826716cc7dd10b3739828f7b82bdc3bd3 (patch) | |
tree | 727424bd4f42bd408f7eee2f0e143efa7df31f90 /mascara/src | |
parent | 213cf6aa094a023e8b8d9cc6178143271c93b7c4 (diff) | |
download | tangerine-wallet-browser-2b26496826716cc7dd10b3739828f7b82bdc3bd3.tar tangerine-wallet-browser-2b26496826716cc7dd10b3739828f7b82bdc3bd3.tar.gz tangerine-wallet-browser-2b26496826716cc7dd10b3739828f7b82bdc3bd3.tar.bz2 tangerine-wallet-browser-2b26496826716cc7dd10b3739828f7b82bdc3bd3.tar.lz tangerine-wallet-browser-2b26496826716cc7dd10b3739828f7b82bdc3bd3.tar.xz tangerine-wallet-browser-2b26496826716cc7dd10b3739828f7b82bdc3bd3.tar.zst tangerine-wallet-browser-2b26496826716cc7dd10b3739828f7b82bdc3bd3.zip |
Add mobile responsiveness
Diffstat (limited to 'mascara/src')
-rw-r--r-- | mascara/src/app/first-time/index.css | 75 |
1 files changed, 73 insertions, 2 deletions
diff --git a/mascara/src/app/first-time/index.css b/mascara/src/app/first-time/index.css index c9c3f6380..7d993a04a 100644 --- a/mascara/src/app/first-time/index.css +++ b/mascara/src/app/first-time/index.css @@ -17,6 +17,78 @@ max-width: 35rem; } +@media only screen and (max-width: 575px) { + .create-password, + .unique-image, + .tou, + .backup-phrase, + .import-account, + .buy-ether { + margin: 24px; + display: flex; + flex-flow: column nowrap; + width: calc(100vw - 80px); + } + + .create-password__title, + .unique-image__title, + .tou__title, + .backup-phrase__title, + .import-account__title, + .buy-ether__title, + .tou__title, + .backup-phrase__title { + width: initial !important; + } + + .first-time-flow__input { + width: initial !important; + font-size: 14px !important; + line-height: 18px !important; + padding: 12px !important; + } + + .tou__body { + margin: 0 !important; + padding: 16px 20px !important; + height: 30vh !important; + width: calc(100% - 48px) !important; + } + + .backup-phrase__content-wrapper { + flex-flow: column nowrap; + } + + .backup-phrase__body-text { + width: initial !important; + } + + .backup-phrase__secret { + width: initial !important; + padding: 12px !important; + } + + .backup-phrase__secret-words { + font-size: 16px; + line-height: 22px; + } + + .backup-phrase__tips { + margin: 40px 0 !important; + width: initial !important; + } + + .backup-phrase__confirm-secret { + width: initial !important; + height: initial !important; + min-height: 190px; + } + + .backup-phrase__confirm-seed-options { + width: initial !important; + } +} + .tou { max-width: 46rem; } @@ -182,8 +254,7 @@ .backup-phrase__back-button:hover, .import-account__back-button, .import-account__back-button:hover { - position: absolute; - top: 24px; + margin-bottom: 18px; color: #22232C; font-family: Montserrat Regular; font-size: 16px; |