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

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

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