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

prelim send screen styling

Browse source
This commit is contained in:
Marty Alcala 2016-10-12 11:45:11 -04:00
commit 702697a9dc
6 changed files with 119 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/sass/buttons.scss
View file

@ -19,7 +19,8 @@ $button-secondary-border: transparent;
$button-secondary-active-bg: darken($subtle-gray, 5%);
$button-secondary-active-border: transparent;
%button-standard {
%button-standard,
click-to-accept {
width: 85%;
max-width: 300px;
margin-left: auto;

60
src/sass/views/confirm.scss
View file

@ -1,30 +1,30 @@
#view-confirm {
.icon-bitpay-card {
background-image: url("../img/icon-bitpay.svg");
}
.slide-to-pay{
bottom: 149px;
}
.send-gravatar {
left: 11px;
position: absolute;
top: 10px;
}
.accept-slide {
position: fixed;
bottom: 0;
width: 100%;
height: 100px;
background-color: #647CE8;
color: #ffffff;
font-size: 25px;
text-align: center;
padding-top: 34px;
line-height: 32px;
}
.accept-slide i {
float: right;
font-size: 32px;
margin-right: 20px;
}
}
// #view-confirm {
// .icon-bitpay-card {
// background-image: url("../img/icon-bitpay.svg");
// }
// .slide-to-pay{
// bottom: 92px;
// }
// .send-gravatar {
// left: 11px;
// position: absolute;
// top: 10px;
// }
// .accept-slide {
// position: fixed;
// bottom: 0;
// width: 100%;
// height: 100px;
// background-color: #647CE8;
// color: #ffffff;
// font-size: 25px;
// text-align: center;
// padding-top: 34px;
// line-height: 32px;
// }
// .accept-slide i {
// float: right;
// font-size: 32px;
// margin-right: 20px;
// }
// }

5
src/sass/views/includes/txp-details.scss
View file

@ -1,4 +1,5 @@
#txp-details {
#txp-details,
#view-confirm {
$item-lateral-padding: 20px;
$item-vertical-padding: 10px;
$item-border-color: #EFEFEF;
@ -8,7 +9,7 @@
background: #f5f5f5;
}
.slide-to-pay {
bottom: 100px;
bottom: 92px;
}
.head {
padding: 30px $item-lateral-padding 4rem;