aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorHsuan Lee <boczeratul@gmail.com>2018-10-13 19:50:52 +0800
committerHsuan Lee <hsuan@cobinhood.com>2018-12-10 18:16:38 +0800
commit6c11bcaeb94b4b98287d9ad1b9442932d4dffd61 (patch)
tree197c29f26f403e053619c7a751cd28e2c8e21143
parent764cd4533c55620e35a2ff57ef447f7b9955620b (diff)
downloaddexon-wallet-6c11bcaeb94b4b98287d9ad1b9442932d4dffd61.tar.gz
dexon-wallet-6c11bcaeb94b4b98287d9ad1b9442932d4dffd61.tar.zst
dexon-wallet-6c11bcaeb94b4b98287d9ad1b9442932d4dffd61.zip
Complete gas setup UI
-rw-r--r--ui/app/css/itcss/components/new-account.scss3
-rw-r--r--ui/app/css/itcss/components/send.scss16
2 files changed, 11 insertions, 8 deletions
diff --git a/ui/app/css/itcss/components/new-account.scss b/ui/app/css/itcss/components/new-account.scss
index 22888ece..334e01cd 100644
--- a/ui/app/css/itcss/components/new-account.scss
+++ b/ui/app/css/itcss/components/new-account.scss
@@ -318,6 +318,8 @@
}
&__footer {
+ width: 100%;
+
&__title {
padding-top: 15px;
padding-bottom: 12px;
@@ -333,7 +335,6 @@
margin-bottom: 27px;
width: 100%;
display: block;
- margin-left: 20px;
}
&__link {
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
index f3f90f0c..c6f74a9c 100644
--- a/ui/app/css/itcss/components/send.scss
+++ b/ui/app/css/itcss/components/send.scss
@@ -746,7 +746,7 @@
&__header {
height: 52px;
- border-bottom: 1px solid $alto;
+ border-bottom: 1px solid $geyser;
display: flex;
align-items: center;
justify-content: space-between;
@@ -788,7 +788,7 @@
&__footer {
height: 75px;
- border-top: 1px solid $alto;
+ border-top: 1px solid $geyser;
display: flex;
align-items: center;
justify-content: space-between;
@@ -861,7 +861,7 @@
&__title {
height: 26px;
- color: $tundora;
+ color: $white;
font-family: Roboto;
font-size: 20px;
line-height: 26px;
@@ -871,7 +871,7 @@
&__copy {
height: 38px;
width: 314px;
- color: $tundora;
+ color: $dim-gray;
font-family: Roboto;
font-size: 14px;
line-height: 19px;
@@ -886,16 +886,18 @@
height: 54px;
width: 315px;
border: 1px solid $geyser;
- background-color: $white;
+ background-color: $dark-gray;
+ color: $white;
padding-left: 15px;
}
.gas-tooltip-input-arrows {
width: 32px;
height: 54px;
- border-left: 1px solid #dadada;
+ border: 1px solid $geyser;
font-size: 18px;
- color: $tundora;
+ color: $dim-gray;
+ background-color: $muddy-gray;
right: 0px;
padding: 0;
display: flex;