diff options
| author | Adam Soltys <[email protected]> | 2012-10-20 07:08:11 +0000 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2012-10-20 07:08:11 +0000 |
| commit | c05abbd72522d67084f6055bfe417a40c9ea1f6e (patch) | |
| tree | 7bfc25f23509ca5b189632b7c7fc2e4522ea1687 | |
| parent | 64079ceaac7fb03daaf52c8446ecc8bf561fc2d1 (diff) | |
| download | coinos-server-c05abbd72522d67084f6055bfe417a40c9ea1f6e.tar.gz coinos-server-c05abbd72522d67084f6055bfe417a40c9ea1f6e.zip | |
UI tweaks for mobile
| -rw-r--r-- | css/bitcoin_pos.css | 15 | ||||
| -rw-r--r-- | img/banner.jpg | bin | 29862 -> 27656 bytes | |||
| -rw-r--r-- | index.html | 5 | ||||
| -rw-r--r-- | js/bitcoin_pos.js | 2 | ||||
| -rw-r--r-- | js/qr.js | 4 |
5 files changed, 14 insertions, 12 deletions
diff --git a/css/bitcoin_pos.css b/css/bitcoin_pos.css index 39fb9ee1..2702b9aa 100644 --- a/css/bitcoin_pos.css +++ b/css/bitcoin_pos.css @@ -1,13 +1,12 @@ body { text-align: center; } -input[type="text"] { height: 60px; } -body, input[type="text"] { font-size: 36px; line-height: 30px; } -small, label { font-size: 30px; color: #999; line-height: 30px; } -strong#total { font-size: 48px; } -img#banner { width: 501px; height: 130px; } +input[type="number"] { height: 30px; } +body, input[type="number"] { font-size: 24px; line-height: 24px; } +small, label { font-size: 24px; color: #999; line-height: 24px; } +strong#total { font-size: 30px; } div.container-fluid { - width: 480px; - margin-left: auto; + width: 600px; + margin-left: auto; margin-right: auto; - text-align:left; + text-align:left; } diff --git a/img/banner.jpg b/img/banner.jpg Binary files differindex bfcdf5b4..2df858c3 100644 --- a/img/banner.jpg +++ b/img/banner.jpg @@ -2,6 +2,7 @@ <html> <head> <meta charset="utf-8" /> + <meta name="viewport" content="width=480, height=752, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" /> <title>Bitcoin Payment Calculator</title> <link href="css/bootstrap.min.css" rel="stylesheet" /> <link href="css/bootstrap-responsive.min.css" rel="stylesheet" /> @@ -16,11 +17,11 @@ <img id="banner" src="img/banner.jpg" alt="The Daily Catch" /> <label for="exchange">Exchange Rate:</label> - <input type="text" id="exchange" value="0" disabled="disabled" /> + <input type="number" id="exchange" value="0" disabled="disabled" /> <small>CAD / BTC</small> <label for="owing">Amount:</label> - <input type="text" id="owing" value="0" /> + <input type="number" id="owing" value="0" /> <small>CAD</small> <br /><br /> diff --git a/js/bitcoin_pos.js b/js/bitcoin_pos.js index f929a477..f9685924 100644 --- a/js/bitcoin_pos.js +++ b/js/bitcoin_pos.js @@ -67,6 +67,8 @@ $(function() { $('#total').html(total.toString()); doqr('bitcoin:' + address + '?amount=' + total.toString()); } + + $('input').focus(function() { $(this).val(''); }); }); function getParameterByName(name) { @@ -703,8 +703,8 @@ function genframe(instring) var wd, ht, qrc; function setupqr(){ - wd = 450; - ht = 450; + wd = 350; + ht = 350; mp = document.getElementById("mapcanv"); var elem = document.getElementById('qrcanv'); |
