diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-07 07:58:45 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-07 07:58:45 +0800 |
| commit | dc0f78c1b986a57313d465fd352235eb36bbe828 (patch) | |
| tree | 9b8c68702a2f7720163c05f6b424f14f2cfb1fdd /ui/app | |
| parent | c1b85179590e824e9af93da5c1c67ef3a5eb1d06 (diff) | |
| download | tangerine-wallet-browser-dc0f78c1b986a57313d465fd352235eb36bbe828.tar tangerine-wallet-browser-dc0f78c1b986a57313d465fd352235eb36bbe828.tar.gz tangerine-wallet-browser-dc0f78c1b986a57313d465fd352235eb36bbe828.tar.bz2 tangerine-wallet-browser-dc0f78c1b986a57313d465fd352235eb36bbe828.tar.lz tangerine-wallet-browser-dc0f78c1b986a57313d465fd352235eb36bbe828.tar.xz tangerine-wallet-browser-dc0f78c1b986a57313d465fd352235eb36bbe828.tar.zst tangerine-wallet-browser-dc0f78c1b986a57313d465fd352235eb36bbe828.zip | |
Fix font size of eth display for 576-780px vw
Diffstat (limited to 'ui/app')
| -rw-r--r-- | ui/app/components/tx-view.js | 2 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/hero-balance.scss | 21 |
2 files changed, 20 insertions, 3 deletions
diff --git a/ui/app/components/tx-view.js b/ui/app/components/tx-view.js index 3652a43a6..193abe8dc 100644 --- a/ui/app/components/tx-view.js +++ b/ui/app/components/tx-view.js @@ -99,8 +99,6 @@ TxView.prototype.render = function () { // mobile: 100px 100px h('img.hero-balance-icon', { src: '../images/eth_logo.svg', - width: '60px', - height: '60px', style: {} }), diff --git a/ui/app/css/itcss/components/hero-balance.scss b/ui/app/css/itcss/components/hero-balance.scss index f5de139b1..5bae3160d 100644 --- a/ui/app/css/itcss/components/hero-balance.scss +++ b/ui/app/css/itcss/components/hero-balance.scss @@ -1,4 +1,5 @@ $break-small: 575px; +$break-medium: 780px; $break-large: 576px; .hero-balance { @@ -42,13 +43,25 @@ $break-large: 576px; margin-left: 1.2vw; .token-amount { - font-size: 2.2vw; + font-size: 2.1vw; + + @media screen and (max-width: $break-medium) { + font-size: 3vw; + } + } .fiat-amount { font-size: 1.7vw; margin-top: 0.3em; + + @media screen and (max-width: $break-medium) { + font-size: 2.5vw; + margin-top: 0em; + } + } + } } @@ -57,6 +70,12 @@ $break-large: 576px; border-radius: 30px; // TODO: colors border: 1px solid #DEDEDE; + width: 5vw; + height: 5vw; + min-width: 45px; + min-height: 45px; + max-width: 65px; + max-height: 65px; } .hero-balance-buttons { |