m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-23 03:36:18 +02:00
Code

Adjust size of buttons for 576-780+px range

Browse Source
This commit is contained in:
sdtsui 2017-08-06 17:13:31 -07:00
parent dc0f78c1b9
commit ebf39831c4
1 changed files with 5 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -40,26 +40,14 @@ $break-large: 576px;
@media screen and (min-width: $break-large) {
flex-grow: 3;
margin-left: 1.2vw;
margin-left: 3%;
.token-amount {
font-size: 2.1vw;
@media screen and (max-width: $break-medium) {
font-size: 3vw;
}
font-size: 125%;
}
.fiat-amount {
font-size: 1.7vw;
margin-top: 0.3em;
@media screen and (max-width: $break-medium) {
font-size: 2.5vw;
margin-top: 0em;
}
font-size: 105%;
}
}
@ -67,7 +55,7 @@ $break-large: 576px;
}
.hero-balance-icon {
border-radius: 30px;
border-radius: 10vw;
// TODO: colors
border: 1px solid #DEDEDE;
width: 5vw;
@ -80,7 +68,7 @@ $break-large: 576px;
.hero-balance-buttons {
button.btn-clear {
width: 81px;
width: 5%;
height: 32px;
font-size: .7em;
background: white;
@ -93,8 +81,6 @@ $break-large: 576px;
@media screen and (min-width: $break-large) {
flex-grow: 2;
width: 5.8vw;
min-width: 75px;
height: 4.2vh;
min-height: 28px;
font-size: .7em;