diff options
author | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-13 06:46:09 +0800 |
---|---|---|
committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-13 06:46:18 +0800 |
commit | 57179d2b05a4efae06c2375e01e9a01a5519543b (patch) | |
tree | cc343761d9a1b550db5fcdd82c1c7992b7f49d32 /ui/app/css/itcss/components/header.scss | |
parent | 7ec77e0b4580c52bbf1723ed52d647c9d7516bd5 (diff) | |
download | tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar.gz tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar.bz2 tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar.lz tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar.xz tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.tar.zst tangerine-wallet-browser-57179d2b05a4efae06c2375e01e9a01a5519543b.zip |
Various styling fixes
Diffstat (limited to 'ui/app/css/itcss/components/header.scss')
-rw-r--r-- | ui/app/css/itcss/components/header.scss | 26 |
1 files changed, 21 insertions, 5 deletions
diff --git a/ui/app/css/itcss/components/header.scss b/ui/app/css/itcss/components/header.scss index f750ec014..4fa80f047 100644 --- a/ui/app/css/itcss/components/header.scss +++ b/ui/app/css/itcss/components/header.scss @@ -8,15 +8,24 @@ flex-flow: column nowrap; @media screen and (max-width: 575px) { - padding: 0 12px; + padding: 12px; width: 100%; box-shadow: 0 0 0 1px rgba(0, 0, 0, .08); z-index: $mobile-header-z-index; } @media screen and (min-width: 576px) { - height: 14.4vh; - max-height: 97px; + height: 75px; + justify-content: center; + + &::after { + content: ''; + position: absolute; + width: 100%; + height: 32px; + background: $gallery; + bottom: -32px; + } } } @@ -45,13 +54,13 @@ } .app-header h1 { - font-family: 'Montserrat Regular'; + font-family: Roboto; text-transform: uppercase; + font-weight: 400; color: #22232c; // $shark } h2.page-subtitle { - font-family: 'Montserrat Regular'; text-transform: uppercase; color: #aeaeae; font-size: 1em; @@ -62,6 +71,7 @@ h2.page-subtitle { display: flex; flex-direction: row; align-items: center; + margin-right: 20px; } .left-menu-wrapper { @@ -69,3 +79,9 @@ h2.page-subtitle { flex-direction: row; align-items: center; } + +.header__right-actions { + display: flex; + flex-flow: row nowrap; + align-items: center; +} |