diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-15 02:45:59 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-15 02:45:59 +0800 |
commit | 7d76e404f2992fcf932ece22fddeabfe230afe0d (patch) | |
tree | b4550443f0667f3ab82bbd9a8890c3f1b08d9a1c /ui/app/css/itcss/components/send.scss | |
parent | 35d8671843ff15822488ae39310c8c12818fb1a3 (diff) | |
download | tangerine-wallet-browser-7d76e404f2992fcf932ece22fddeabfe230afe0d.tar tangerine-wallet-browser-7d76e404f2992fcf932ece22fddeabfe230afe0d.tar.gz tangerine-wallet-browser-7d76e404f2992fcf932ece22fddeabfe230afe0d.tar.bz2 tangerine-wallet-browser-7d76e404f2992fcf932ece22fddeabfe230afe0d.tar.lz tangerine-wallet-browser-7d76e404f2992fcf932ece22fddeabfe230afe0d.tar.xz tangerine-wallet-browser-7d76e404f2992fcf932ece22fddeabfe230afe0d.tar.zst tangerine-wallet-browser-7d76e404f2992fcf932ece22fddeabfe230afe0d.zip |
Make send token responsive; fix desktop send modal height
Diffstat (limited to 'ui/app/css/itcss/components/send.scss')
-rw-r--r-- | ui/app/css/itcss/components/send.scss | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index 3c30c3b2a..2d6374aa2 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -7,10 +7,10 @@ @media screen and (max-width: $break-small) { width: 100%; overflow-y: auto; + } - section { - flex: 0 0 auto; - } + section { + flex: 0 0 auto; } } @@ -24,13 +24,13 @@ display: flex; flex-flow: column nowrap; width: 498px; + flex: 1 0 auto; @media screen and (max-width: $break-small) { top: 0; width: 100%; box-shadow: none; padding: 12px; - flex: 1 0 auto; } } @@ -314,12 +314,26 @@ align-items: center; display: flex; flex-flow: column nowrap; + flex: 1 0 auto; + + @media screen and (max-width: $break-small) { + top: 0; + width: 100%; + box-shadow: none; + padding: 12px; + } } .identicon { position: absolute; top: -35px; z-index: 25; + + @media screen and (max-width: $break-small) { + position: relative; + top: 0; + flex: 0 0 auto; + } } &__title { @@ -334,6 +348,7 @@ margin-top: 10px; font-size: 14px; line-height: 24px; + text-align: center; } &__token-balance { @@ -346,6 +361,11 @@ display: flex; flex-flow: column nowrap; align-items: center; + flex: 0 0 auto; + + @media screen and (max-width: $break-small) { + margin-top: 24px; + } button { width: 163px; |