Added content-frame, item and ion-content components, added dummy wallet interfaces

This commit is contained in:
Sam Cheng Hung 2018-07-19 17:41:02 +08:00
commit a2f6277e7e
9 changed files with 179 additions and 2 deletions

View file

@ -1 +1,4 @@
@import "header";
@import "content-frame";
@import "item";
@import "ion-content";

View file

@ -0,0 +1,11 @@
.content-frame {
&.negative-top {
margin-top: -20px;
.card {
&:first-child {
margin-top: 0;
}
}
}
}

View file

@ -0,0 +1,13 @@
/*
* Extends Ionic v1 ion-content
*/
ion-content {
&.bg-neutral {
background-color: #F2F2F2;
}
&.padded-bottom-cta {
bottom: 92px;
}
}

View file

@ -0,0 +1,39 @@
/*
* Extends Ionic v1 item
*/
.item {
&.item-compact {
padding: 11px 13px;
}
&.item-gutterless {
padding: 0;
}
.item-content {
&.item-content-compact {
min-height: 69px;
padding: 13px 11px 13px 68px;
> img,
> i {
&:first-child {
position: absolute;
max-width: 40px;
max-height: 40px;
width: 100%;
height: 100%;
border-radius: 50%;
left: 13px;
top: 50%;
padding: 0;
transform: translate(0,-50%);
}
}
}
.highlight {
color: #FAB915;
}
}
}

View file

@ -88,6 +88,13 @@
background-image: url('../img/icon-faucet.svg');
background-size: 70%;
}
&.icon-wallet {
background-color: #FAB915;
background-image: url('../img/icon-wallet.svg');
border: none;
box-shadow: 0 0 0 1px rgba(0,0,0,0.3) inset;
}
}
}

View file

@ -0,0 +1,8 @@
#view-review {
background-color: #494949;
slide-to-accept, slide-to-accept-success {
margin-bottom: constant(safe-area-inset-bottom); /* iOS 11.0 */
margin-bottom: env(safe-area-inset-bottom); /* iOS 11.2 */
}
}

View file

@ -48,3 +48,4 @@
@import "includes/logOptions";
@import "includes/checkBar";
@import "cashScan";
@import "review";