diff --git a/public/img/check-white.svg b/public/img/check-white.svg new file mode 100644 index 000000000..21ab38a5e --- /dev/null +++ b/public/img/check-white.svg @@ -0,0 +1,18 @@ + + + + DF90EF75-F651-4B5A-9143-4512A3D52EC8 + Created with sketchtool. + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/views/tab-home.html b/public/views/tab-home.html index a60921131..f74d9d9cd 100644 --- a/public/views/tab-home.html +++ b/public/views/tab-home.html @@ -4,14 +4,13 @@ -
- +
@@ -44,7 +43,7 @@
Updating activity. Please stand by
- +
@@ -120,28 +119,28 @@
Next steps
- +
Create a bitcoin wallet
- +
Add BitPay Card
- +
Buy or Sell Bitcoin
- +
diff --git a/src/sass/common.scss b/src/sass/common.scss index 0a3972087..40eb910a0 100644 --- a/src/sass/common.scss +++ b/src/sass/common.scss @@ -40,6 +40,9 @@ background-repeat:no-repeat; background-clip: padding-box; background-size: 103%; + &.green{ + background: rgb(1, 209, 162); + } } } .overlay { diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss index 66399540c..f75138075 100644 --- a/src/sass/views/tab-home.scss +++ b/src/sass/views/tab-home.scss @@ -11,9 +11,34 @@ .icon-gift { background-image: url("../img/icon-gift.svg"); } - - a.item { - color: #444; + .card{ + .item { + color: #444; + border-top:none; + padding-top: 1.5rem; + padding-bottom: 1.5rem; + &:before { + display: block; + position: absolute; + width: 86%; + height: 1px; + background: rgba(221, 221, 221, 0.3); + top:0; + right:0; + content:''; + } + &.item-heading{ + &:before{ + width:100%; + top:99% + } + } + &:nth-child(2){ + &:before{ + width:0; + } + } + } } .next-step { @@ -39,5 +64,10 @@ font-size: 18px; font-weight: 100; } + .big-icon-svg{ + .bg.green{ + padding: 0 10px; + } + } } }