Fix font size of eth display for 576-780px vw

feature/default_network_editable
sdtsui 7 years ago
parent c1b8517959
commit dc0f78c1b9
  1. 2
      ui/app/components/tx-view.js
  2. 21
      ui/app/css/itcss/components/hero-balance.scss

@ -99,8 +99,6 @@ TxView.prototype.render = function () {
// mobile: 100px 100px // mobile: 100px 100px
h('img.hero-balance-icon', { h('img.hero-balance-icon', {
src: '../images/eth_logo.svg', src: '../images/eth_logo.svg',
width: '60px',
height: '60px',
style: {} style: {}
}), }),

@ -1,4 +1,5 @@
$break-small: 575px; $break-small: 575px;
$break-medium: 780px;
$break-large: 576px; $break-large: 576px;
.hero-balance { .hero-balance {
@ -42,13 +43,25 @@ $break-large: 576px;
margin-left: 1.2vw; margin-left: 1.2vw;
.token-amount { .token-amount {
font-size: 2.2vw; font-size: 2.1vw;
@media screen and (max-width: $break-medium) {
font-size: 3vw;
}
} }
.fiat-amount { .fiat-amount {
font-size: 1.7vw; font-size: 1.7vw;
margin-top: 0.3em; 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; border-radius: 30px;
// TODO: colors // TODO: colors
border: 1px solid #DEDEDE; border: 1px solid #DEDEDE;
width: 5vw;
height: 5vw;
min-width: 45px;
min-height: 45px;
max-width: 65px;
max-height: 65px;
} }
.hero-balance-buttons { .hero-balance-buttons {

Loading…
Cancel
Save