diff options
author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-22 08:59:08 +0800 |
---|---|---|
committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-22 08:59:08 +0800 |
commit | d193778958875001fa392131763f68aa9b20bfd3 (patch) | |
tree | 3a6807903fe56445dd91b9e111d685e9c02dc4bc /ui/app/css/itcss/components | |
parent | d6116aaf57e4d27694c2c5a21b6fabb24f072508 (diff) | |
download | tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.gz tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.bz2 tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.lz tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.xz tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.tar.zst tangerine-wallet-browser-d193778958875001fa392131763f68aa9b20bfd3.zip |
Adjust zIndex and width for send screen
Diffstat (limited to 'ui/app/css/itcss/components')
-rw-r--r-- | ui/app/css/itcss/components/header.scss | 4 | ||||
-rw-r--r-- | ui/app/css/itcss/components/send.scss | 15 |
2 files changed, 12 insertions, 7 deletions
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss index 9434d0386..337a8b351 100644 --- a/ui/app/css/itcss/components/header.scss +++ b/ui/app/css/itcss/components/header.scss @@ -6,14 +6,14 @@ height: 12vh; max-height: 60px; position: relative; - z-index: 12; + z-index: $header-z-index; @media screen and (max-width: 575px) { position: fixed; height: 34px; width: 100%; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08); - z-index: 30; + z-index: $mobile-header-z-index; } } diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index 91cbfc7dd..87ded35d6 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -1,14 +1,19 @@ .send-screen-wrapper { display: flex; flex-direction: column; - min-width: 355px; - // width: 50%; - z-index: 50; //TODO + min-width: 320px; + min-height: 500px; + z-index: $send-card-z-index; position: absolute; - top: 40px; - // height: 65%; + top: 5%; + + @media screen and (max-width: $break-small) { + top: 33px; + } + } + .send-screen-card { display: flex; flex-direction: column; |