diff options
author | Dan <danjm.com@gmail.com> | 2018-05-14 21:30:50 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2018-05-14 22:14:50 +0800 |
commit | 6bc8cc819a16118acc010d0efdec90afbda14590 (patch) | |
tree | 2d2c35604af2e6a44c5f3ecb5c901a52980710d8 /ui/app/css/itcss/generic/index.scss | |
parent | 0739618a61cfc383498e466f4fdeb5a25324598f (diff) | |
download | tangerine-wallet-browser-6bc8cc819a16118acc010d0efdec90afbda14590.tar.gz tangerine-wallet-browser-6bc8cc819a16118acc010d0efdec90afbda14590.tar.zst tangerine-wallet-browser-6bc8cc819a16118acc010d0efdec90afbda14590.zip |
Merge branch 'develop' into i3725-refactor-send-component-
Diffstat (limited to 'ui/app/css/itcss/generic/index.scss')
-rw-r--r-- | ui/app/css/itcss/generic/index.scss | 70 |
1 files changed, 68 insertions, 2 deletions
diff --git a/ui/app/css/itcss/generic/index.scss b/ui/app/css/itcss/generic/index.scss index 92321394b..9b2982096 100644 --- a/ui/app/css/itcss/generic/index.scss +++ b/ui/app/css/itcss/generic/index.scss @@ -12,7 +12,7 @@ html, body { font-family: Roboto, Arial; color: #4d4d4d; - font-weight: 300; + font-weight: 400; background: #f7f7f7; width: 100%; height: 100%; @@ -205,8 +205,27 @@ input.large-input { } &__content { - height: 100%; overflow-y: auto; + flex: 1; + } + + &__warning-container { + background: $linen; + padding: 20px; + display: flex; + align-items: start; + } + + &__warning-message { + padding-left: 15px; + } + + &__warning-title { + font-weight: 500; + } + + &__warning-icon { + padding-top: 5px; } } @@ -235,5 +254,52 @@ input.large-input { overflow-y: auto; background-color: $white; border-radius: 0; + flex: 1; + } +} + +@media screen and (min-width: 576px) { + .page-container { + height: 600px; + flex: 0 0 auto; + } +} + +.input-label { + padding-bottom: 10px; + font-weight: 400; + display: inline-block; +} + +input.form-control { + padding-left: 10px; + font-size: 14px; + height: 40px; + border: 1px solid $alto; + border-radius: 3px; + width: 100%; + + &::-webkit-input-placeholder { + font-weight: 100; + color: $dusty-gray; + } + + &::-moz-placeholder { + font-weight: 100; + color: $dusty-gray; + } + + &:-ms-input-placeholder { + font-weight: 100; + color: $dusty-gray; + } + + &:-moz-placeholder { + font-weight: 100; + color: $dusty-gray; + } + + &--error { + border: 1px solid $monzo; } } |