CopyBot/crypto-price-widget
1
0
Fork 0
mirror of https://github.com/nathanp/crypto-price-widget.git synced 2025-11-06 03:08:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

UI updates - new icons

Browse Source
This commit is contained in:
Nathan Parikh 2017-10-13 10:14:37 -05:00
parent 1f381d4c25
commit 5112fc8e8d
8 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/app.css
View File

@ -115,9 +115,11 @@ button {
.tabs button, .tabs button,
.tabs button.active { .tabs button.active {
display: inline-block; display: inline-block;
vertical-align: top;
} }
.tabs button img { .tabs button img {
width: 19px; width: 16px;
height: 16px;
opacity: 0.5; opacity: 0.5;
-webkit-transition: all 150ms ease; -webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease; -moz-transition: all 150ms ease;

BIN
images/appbar.alert.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 982 B

BIN
images/appbar.pie.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
images/appbar.settings.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
images/appbar.speakerphone.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
images/appbar.stock.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

11
index.html
View File

@ -2,7 +2,7 @@
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Latest Crypto Prices</title> <title>Crypto Price Widget</title>
<link href="css/app.css" rel="stylesheet"> <link href="css/app.css" rel="stylesheet">
</head> </head>
@ -13,9 +13,9 @@
<button id="close-btn"></button> <button id="close-btn"></button>
</div><!-- .controls --> </div><!-- .controls -->
<div class="tabs"> <div class="tabs">
<button id="main-btn" href="#main"><img src="images/icons8-Home-64.png"></button> <button id="main-btn" href="#main"><img src="images/appbar.stock.png"></button>
<button id="portfolio-btn" href="#portfolio"><img src="images/icons8-Rebalance Portfolio-100.png"></button> <button id="portfolio-btn" href="#portfolio"><img src="images/appbar.pie.png"></button>
<button id="settings-btn" href="#settings"><img src="images/icons8-Settings.png"></button> <button id="settings-btn" href="#settings"><img src="images/appbar.settings.png"></button>
</div><!-- .tabs --> </div><!-- .tabs -->
</header> </header>
@ -69,7 +69,6 @@
</label> </label>
</div> </div>
<h3>Tip Jar</h3> <h3>Tip Jar</h3>
<ul id="tips"> <ul id="tips">
<li>BTC: 17iENfaJkEpxGXW7mgdFh9hGMZV65R2zVL</li> <li>BTC: 17iENfaJkEpxGXW7mgdFh9hGMZV65R2zVL</li>
@ -110,7 +109,7 @@
<script> <script>
// You can also require other files to run in this process // You can also require other files to run in this process
require('./renderer.js') //require('./renderer.js')
</script> </script>
<script src="js/app_common.js"></script> <script src="js/app_common.js"></script>
<script src="js/html.sortable.min.js"></script> <script src="js/html.sortable.min.js"></script>

2
js/app_common.js
View File

@ -226,7 +226,7 @@ function updateData() {
//console.log(span); //console.log(span);
span.innerHTML = '<span class="sym">' + coinSymbol + '</span> ' + coinRate + '<span class="change">' + coinDISPLAYchange + '%</span>'; span.innerHTML = '<span class="sym">' + coinSymbol + '</span> ' + coinRate + '<span class="change">' + coinDISPLAYchange + '%</span>';
//Price Alert Test //Price Alert Test - PRO Feature
/* /*
* Choose crypto * Choose crypto
* Choose price * Choose price