anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

Fix view

Browse source
This commit is contained in:
Gustavo Maximiliano Cortez 2016-08-09 17:56:02 -03:00
commit 7bb6319041
No known key found for this signature in database
GPG key ID: 15EDAD8D9F2EB1AF
2 changed files with 92 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

70
src/sass/main.scss
View file

@ -282,26 +282,6 @@ a {
}
}
.main-container {
display: -webkit-flex;
-webkit-flex-direction: column;
height: 100%;
}
.main-container > .row {
-webkit-flex: 1;
}
.header {
-webkit-flex: 1.5 !important;
-webkit-align-items: center;
}
.button-row {
-webkit-align-items: center;
margin-bottom: -30px;
}
.box-setup-footer {
overflow: hidden;
margin-top: 1rem;
@ -2141,3 +2121,53 @@ body.modal-open {
color: #2C3E50;
}
}
.calculator .header-calc {
position: absolute;
width: 100%;
text-align: center;
}
.calculator .button-calc {
position: absolute;
width: 100%;
bottom: 0;
}
.calculator .button-calc .row {
padding: 0 !important;
}
.calculator .button-calc .columns {
cursor: pointer;
text-align: center;
}
.calculator .button-calc .operator {
color: #2C3E50;
background-color: #eee;
}
.calculator .button-calc .columns:active {
background-color: #eee;
}
.calculator .button-calc .operator:active {
background-color: #f8f8f8;
}
@media all and (max-height: 480px) {
.calculator .button-calc .columns { padding: 10px; }
.calculator .header-calc { top: 11%; }
}
@media (min-height: 481px) and (max-height: 670px) {
.calculator .button-calc .columns { padding: 15px; }
.calculator .header-calc { top: 15%; }
}
@media all and (min-height: 671px) {
.calculator .button-calc .columns { padding: 20px; }
.calculator .header-calc { top: 18%; }
}