diff options
author | Thomas Huang <tmashuang@users.noreply.github.com> | 2018-03-14 01:21:03 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-03-14 01:21:03 +0800 |
commit | 829b0a8926c20136a2f28ad74cd025d248fabaa3 (patch) | |
tree | 632090c0271a476fbb23fcf13a4d1ade68b7f3bd /ui/app/css/itcss/generic/index.scss | |
parent | f7138d81e38661ef9262c6a31b66d962238b5c9c (diff) | |
parent | 08542c18e10c61b9e5862e95e7a5a18d479f2dc1 (diff) | |
download | tangerine-wallet-browser-829b0a8926c20136a2f28ad74cd025d248fabaa3.tar.gz tangerine-wallet-browser-829b0a8926c20136a2f28ad74cd025d248fabaa3.tar.zst tangerine-wallet-browser-829b0a8926c20136a2f28ad74cd025d248fabaa3.zip |
Merge branch 'master' into i18n
Diffstat (limited to 'ui/app/css/itcss/generic/index.scss')
-rw-r--r-- | ui/app/css/itcss/generic/index.scss | 33 |
1 files changed, 24 insertions, 9 deletions
diff --git a/ui/app/css/itcss/generic/index.scss b/ui/app/css/itcss/generic/index.scss index 38c3b34fb..0077cb661 100644 --- a/ui/app/css/itcss/generic/index.scss +++ b/ui/app/css/itcss/generic/index.scss @@ -81,25 +81,30 @@ input.large-input { z-index: 25; display: flex; flex-flow: column; + border-radius: 7px; + height: 100%; &__header { display: flex; flex-flow: column; border-bottom: 1px solid $geyser; - padding: 1.15rem 0.95rem; + padding: 20px; flex: 0 0 auto; - background: $alabaster; position: relative; } - &__header-close::after { - content: '\00D7'; - font-size: 40px; + &__header-close { color: $tundora; position: absolute; - top: 21.5px; - right: 28.5px; + top: 20px; + right: 20px; cursor: pointer; + overflow: hidden; + + &::after { + content: '\00D7'; + font-size: 40px; + } } &__footer { @@ -118,7 +123,7 @@ input.large-input { &__footer-button { width: 165px; - height: 60px; + height: 55px; font-size: 1rem; text-transform: uppercase; margin-right: 1rem; @@ -134,7 +139,7 @@ input.large-input { font-family: Roboto; font-size: 2rem; font-weight: 500; - line-height: initial; + line-height: 2rem; } &__subtitle { @@ -178,6 +183,15 @@ input.large-input { } } } + + &--full-width { + width: initial; + } + + &__content { + height: 100%; + overflow-y: auto; + } } @media screen and (max-width: 250px) { @@ -204,5 +218,6 @@ input.large-input { width: 100%; overflow-y: auto; background-color: $white; + border-radius: 0; } } |