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
h('img.hero-balance-icon', {
src: '../images/eth_logo.svg',
width: '60px',
height: '60px',
style: {}
}),

@ -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 {

Loading…
Cancel
Save