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/header.scss | |
| parent | 4bcc62500f6f77131a21be823e3169b91d1dbf80 (diff) | |
| download | tangerine-wallet-browser-35d8671843ff15822488ae39310c8c12818fb1a3.tar.gz 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/header.scss')
| -rw-r--r-- | ui/app/css/itcss/components/header.scss | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss index 160476d58..ed569cb08 100644 --- a/ui/app/css/itcss/components/header.scss +++ b/ui/app/css/itcss/components/header.scss @@ -2,20 +2,22 @@ align-items: center; visibility: visible; background: $gallery; - height: 14.4vh; - max-height: 97px; position: relative; z-index: $header-z-index; display: flex; flex-flow: column nowrap; @media screen and (max-width: 575px) { - position: fixed; - height: 34px; + padding: 0 12px; width: 100%; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08); z-index: $mobile-header-z-index; } + + @media screen and (min-width: 576px) { + height: 14.4vh; + max-height: 97px; + } } .app-header-contents { @@ -25,13 +27,16 @@ width: 100%; height: 6.9vh; + @media screen and (max-width: 575px) { + height: 100%; + } + @media screen and (min-width: 576px) { width: 85vw; } @media screen and (min-width: 769px) { width: 80vw; - height: 6.9vh; } @media screen and (min-width: 1281px) { |