Added content-frame, item and ion-content components, added dummy wallet interfaces
This commit is contained in:
parent
155ea281d8
commit
a2f6277e7e
9 changed files with 179 additions and 2 deletions
|
|
@ -1 +1,4 @@
|
|||
@import "header";
|
||||
@import "content-frame";
|
||||
@import "item";
|
||||
@import "ion-content";
|
||||
|
|
|
|||
11
src/sass/components/content-frame.scss
Normal file
11
src/sass/components/content-frame.scss
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
.content-frame {
|
||||
&.negative-top {
|
||||
margin-top: -20px;
|
||||
|
||||
.card {
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
13
src/sass/components/ion-content.scss
Normal file
13
src/sass/components/ion-content.scss
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
/*
|
||||
* Extends Ionic v1 ion-content
|
||||
*/
|
||||
|
||||
ion-content {
|
||||
&.bg-neutral {
|
||||
background-color: #F2F2F2;
|
||||
}
|
||||
|
||||
&.padded-bottom-cta {
|
||||
bottom: 92px;
|
||||
}
|
||||
}
|
||||
39
src/sass/components/item.scss
Normal file
39
src/sass/components/item.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
8
src/sass/views/review.scss
Normal file
8
src/sass/views/review.scss
Normal 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 */
|
||||
}
|
||||
}
|
||||
|
|
@ -48,3 +48,4 @@
|
|||
@import "includes/logOptions";
|
||||
@import "includes/checkBar";
|
||||
@import "cashScan";
|
||||
@import "review";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue