diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-12 14:18:54 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-09-12 14:18:54 +0800 |
| commit | 836bf2e1a38bb6917f1b7fe9db0604c8143c7adf (patch) | |
| tree | 9971f4349e4ffb39f2769b562dd339f8e9f1854b /ui/app/css | |
| parent | 1e83835ba8cce0fdf794092a8c55b6c68664204a (diff) | |
| download | tangerine-wallet-browser-836bf2e1a38bb6917f1b7fe9db0604c8143c7adf.tar tangerine-wallet-browser-836bf2e1a38bb6917f1b7fe9db0604c8143c7adf.tar.gz tangerine-wallet-browser-836bf2e1a38bb6917f1b7fe9db0604c8143c7adf.tar.bz2 tangerine-wallet-browser-836bf2e1a38bb6917f1b7fe9db0604c8143c7adf.tar.lz tangerine-wallet-browser-836bf2e1a38bb6917f1b7fe9db0604c8143c7adf.tar.xz tangerine-wallet-browser-836bf2e1a38bb6917f1b7fe9db0604c8143c7adf.tar.zst tangerine-wallet-browser-836bf2e1a38bb6917f1b7fe9db0604c8143c7adf.zip | |
Add frontend validation to send-token
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/confirm.scss | 1 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/hero-balance.scss | 5 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/network.scss | 2 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/send.scss | 21 |
4 files changed, 26 insertions, 3 deletions
diff --git a/ui/app/css/itcss/components/confirm.scss b/ui/app/css/itcss/components/confirm.scss index da1d00777..865915c30 100644 --- a/ui/app/css/itcss/components/confirm.scss +++ b/ui/app/css/itcss/components/confirm.scss @@ -1,5 +1,6 @@ .confirm-screen-container { position: absolute; + align-items: center; @media screen and (max-width: 575px) { margin-top: 35px; diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss index f7b3cc3e5..8f6731358 100644 --- a/ui/app/css/itcss/components/hero-balance.scss +++ b/ui/app/css/itcss/components/hero-balance.scss @@ -87,10 +87,10 @@ } button.btn-clear { - font-size: 75%; background: $white; border: 1px solid; border-radius: 2px; + font-size: 12px; @media screen and (max-width: $break-small) { width: 23%; @@ -99,10 +99,9 @@ } @media screen and (min-width: $break-large) { - font-size: .6em; border-color: $curious-blue; color: $curious-blue; - padding: 0px; + padding: 0; width: 85px; height: 34px; } diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss index 3f75beb85..012b1faf6 100644 --- a/ui/app/css/itcss/components/network.scss +++ b/ui/app/css/itcss/components/network.scss @@ -42,6 +42,8 @@ .network-check__transparent { opacity: 0; + width: 16px; + margin: 0; } .menu-icon-circle, .menu-icon-circle--active { diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index 091816e7d..847b893ab 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -46,6 +46,27 @@ .send-screen-input-wrapper { width: 95%; position: relative; + + &__error-message { + display: none; + } + + &--error { + input, + .send-screen-gas-input { + border-color: $red !important; + } + + .send-screen-input-wrapper__error-message { + display: block; + position: absolute; + bottom: 4px; + font-size: 12px; + line-height: 12px; + left: 8px; + color: $red; + } + } } .send-screen-input { |