diff options
author | kumavis <kumavis@users.noreply.github.com> | 2018-03-14 01:46:14 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-03-14 01:46:14 +0800 |
commit | 572234e383f944eb2be28c4192f209c3972747b7 (patch) | |
tree | 3d6a214b845790c96e2c98e6c140ed6724d261e4 /ui/app/css/itcss/components/newui-sections.scss | |
parent | 70f33d47472863e3fce41eff60c1fe078efef7de (diff) | |
parent | 1fa5cec2ec784ace2dd8d1afab6c0d8cc195feb5 (diff) | |
download | tangerine-wallet-browser-572234e383f944eb2be28c4192f209c3972747b7.tar.gz tangerine-wallet-browser-572234e383f944eb2be28c4192f209c3972747b7.tar.zst tangerine-wallet-browser-572234e383f944eb2be28c4192f209c3972747b7.zip |
Merge branch 'master' into i3033-responsive-newui-onboarding
Diffstat (limited to 'ui/app/css/itcss/components/newui-sections.scss')
-rw-r--r-- | ui/app/css/itcss/components/newui-sections.scss | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss index 73faebe8b..5cdda5e6c 100644 --- a/ui/app/css/itcss/components/newui-sections.scss +++ b/ui/app/css/itcss/components/newui-sections.scss @@ -51,6 +51,7 @@ $wallet-view-bg: $alabaster; cursor: pointer; display: flex; justify-content: center; + padding: 10px; } // wallet view and sidebar @@ -290,3 +291,45 @@ $wallet-view-bg: $alabaster; .token-balance__amount { padding-right: 6px; } + +// first time +.first-view-main { + display: flex; + flex-direction: row-reverse; + justify-content: space-between; + + @media screen and (max-width: 575px) { + height: 100%; + } + + @media screen and (min-width: 576px) { + width: 85vw; + } + + @media screen and (min-width: 769px) { + width: 80vw; + } + + @media screen and (min-width: 1281px) { + width: 62vw; + } +} + +.unlock-screen-container { + z-index: $main-container-z-index; + font-family: Roboto; + display: flex; + justify-content: center; + align-items: center; + flex: 1 0 auto; + background: #f7f7f7; + width: 100%; +} + +.unlock-screen { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + flex: 1 0 auto; +} |