diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-15 00:56:40 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-15 00:56:40 +0800 |
commit | 35d8671843ff15822488ae39310c8c12818fb1a3 (patch) | |
tree | e4a3f8c878731aa7af4f412c7a6329c9d8192e68 /ui/app/css/itcss/components/send.scss | |
parent | 4bcc62500f6f77131a21be823e3169b91d1dbf80 (diff) | |
download | tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.tar tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.tar.gz tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.tar.bz2 tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.tar.lz tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.tar.xz tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.tar.zst tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.zip |
Add responsive UI to send ether modal
Diffstat (limited to 'ui/app/css/itcss/components/send.scss')
-rw-r--r-- | ui/app/css/itcss/components/send.scss | 20 |
1 files changed, 19 insertions, 1 deletions
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index d4b77fae1..3c30c3b2a 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -5,7 +5,12 @@ font-family: 'DIN OT'; @media screen and (max-width: $break-small) { - top: 33px; + width: 100%; + overflow-y: auto; + + section { + flex: 0 0 auto; + } } } @@ -19,6 +24,14 @@ display: flex; flex-flow: column nowrap; width: 498px; + + @media screen and (max-width: $break-small) { + top: 0; + width: 100%; + box-shadow: none; + padding: 12px; + flex: 1 0 auto; + } } /* Send Screen */ @@ -43,6 +56,11 @@ z-index: 25; padding: 4px; background-color: $white; + + @media screen and (max-width: $break-small) { + position: relative; + top: 0; + } } .send-screen-input-wrapper { |