diff --git a/app-template/bitcoincom/css/bitcoin.com.css b/app-template/bitcoincom/css/bitcoin.com.css index c4a39ea12..0b7b36a29 100644 --- a/app-template/bitcoincom/css/bitcoin.com.css +++ b/app-template/bitcoincom/css/bitcoin.com.css @@ -212,6 +212,26 @@ div.onboarding-topic { background-image: url('../img/shapeshifticon.png'); } +.icon-games { + background-color: #494949; + background-image: url('../img/icon-games.svg'); +} + +.icon-mining { + background-color: #494949; + background-image: url('../img/icon-mining.svg'); +} + +.icon-news { + background-color: #494949; + background-image: url('../img/icon-news.svg'); +} + +.icon-tools { + background-color: #494949; + background-image: url('../img/icon-tools.svg'); +} + .shapeshift-banner { background: url(../img/shapeshiftbg.jpg) center center no-repeat #28394d; padding: 10px; diff --git a/src/js/services/bitcoincomService.js b/src/js/services/bitcoincomService.js index 22f6c74d0..c2982db06 100644 --- a/src/js/services/bitcoincomService.js +++ b/src/js/services/bitcoincomService.js @@ -19,28 +19,28 @@ angular.module('copayApp.services').factory('bitcoincomService', function($http, var cashGamesItem = { name: 'games', title: 'Bitcoin Cash Games', - icon: 'icon-bitcoincom', + icon: 'icon-games', href: 'http://cashgames.bitcoin.com' }; var newsItem = { name: 'news', title: 'News', - icon: 'icon-bitcoincom', + icon: 'icon-news', href: 'http://news.bitcoin.com' }; var poolItem = { name: 'pool', title: 'Mining Pool', - icon: 'icon-bitcoincom', + icon: 'icon-mining', href: 'http://pool.bitcoin.com' }; var toolsItem = { name: 'tools', title: 'Tools', - icon: 'icon-bitcoincom', + icon: 'icon-tools', href: 'http://tools.bitcoin.com' } diff --git a/www/css/bitcoin.com.css b/www/css/bitcoin.com.css index 3d4f3807d..0730d469e 100644 --- a/www/css/bitcoin.com.css +++ b/www/css/bitcoin.com.css @@ -254,6 +254,26 @@ div.slide-success__background.fill-screen { background-image: url('../img/shapeshifticon.png'); } +.icon-games { + background-color: #494949; + background-image: url('../img/icon-games.svg'); +} + +.icon-mining { + background-color: #494949; + background-image: url('../img/icon-mining.svg'); +} + +.icon-news { + background-color: #494949; + background-image: url('../img/icon-news.svg'); +} + +.icon-tools { + background-color: #494949; + background-image: url('../img/icon-tools.svg'); +} + .tabs .tab-item .icon { background-size: contain; } diff --git a/www/img/icon-games.svg b/www/img/icon-games.svg new file mode 100644 index 000000000..4141ee166 --- /dev/null +++ b/www/img/icon-games.svg @@ -0,0 +1,215 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/icon-mining.svg b/www/img/icon-mining.svg new file mode 100644 index 000000000..e6d04429c --- /dev/null +++ b/www/img/icon-mining.svg @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/icon-news.svg b/www/img/icon-news.svg new file mode 100644 index 000000000..20abf4dc2 --- /dev/null +++ b/www/img/icon-news.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/icon-tools.svg b/www/img/icon-tools.svg new file mode 100644 index 000000000..fd72127d1 --- /dev/null +++ b/www/img/icon-tools.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +