m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

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

Browse Source
This commit is contained in:
sdtsui 2017-08-06 16:58:45 -07:00
parent c1b8517959
commit dc0f78c1b9
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/components/tx-view.js
View File

@ -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: {}
}), }),

21
ui/app/css/itcss/components/hero-balance.scss
View File

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