Adds header component
This commit is contained in:
parent
8a0575d238
commit
155ea281d8
5 changed files with 69 additions and 1 deletions
1
src/sass/components/components.scss
Normal file
1
src/sass/components/components.scss
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
@import "header";
|
||||||
36
src/sass/components/header.scss
Normal file
36
src/sass/components/header.scss
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
.header {
|
||||||
|
padding: 29px 12px 65px;
|
||||||
|
background-color: #FAB915;
|
||||||
|
color: #FFFFFF;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1em;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
+ .content {
|
||||||
|
margin-top: 23px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1em;
|
||||||
|
font-size: 18px;
|
||||||
|
|
||||||
|
&.large {
|
||||||
|
font-size: 29px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
+ p {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -9,4 +9,5 @@
|
||||||
@import "mixins/mixins";
|
@import "mixins/mixins";
|
||||||
@import "views/views";
|
@import "views/views";
|
||||||
@import "directives/directives";
|
@import "directives/directives";
|
||||||
|
@import "components/components";
|
||||||
@import "shame";
|
@import "shame";
|
||||||
|
|
|
||||||
|
|
@ -15066,6 +15066,30 @@ log-options #check-bar .checkbox-icon {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
display: inline-block; }
|
display: inline-block; }
|
||||||
|
|
||||||
|
.header {
|
||||||
|
padding: 29px 12px 65px;
|
||||||
|
background-color: #FAB915;
|
||||||
|
color: #FFFFFF; }
|
||||||
|
.header .title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 1em;
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-align: center; }
|
||||||
|
.header .title + .content {
|
||||||
|
margin-top: 23px; }
|
||||||
|
.header .content {
|
||||||
|
text-align: center; }
|
||||||
|
.header .content p {
|
||||||
|
margin: 0;
|
||||||
|
line-height: 1em;
|
||||||
|
font-size: 18px; }
|
||||||
|
.header .content p.large {
|
||||||
|
font-size: 29px;
|
||||||
|
font-weight: 600; }
|
||||||
|
.header .content p + p {
|
||||||
|
margin-top: 8px; }
|
||||||
|
|
||||||
/* This is for rules that don't yet have a home.
|
/* This is for rules that don't yet have a home.
|
||||||
* Our goal is to delete this file. Search the regex: /class=".*CLASS.*?"/
|
* Our goal is to delete this file. Search the regex: /class=".*CLASS.*?"/
|
||||||
*/
|
*/
|
||||||
|
|
|
||||||
|
|
@ -8,7 +8,13 @@
|
||||||
</ion-nav-bar>
|
</ion-nav-bar>
|
||||||
|
|
||||||
<ion-content class="add-bottom-for-cta">
|
<ion-content class="add-bottom-for-cta">
|
||||||
Review
|
<div class="header">
|
||||||
|
<h1 class="title" translate>You are sending</h1>
|
||||||
|
<div class="content" translate>
|
||||||
|
<p class="large">13.98 USD</p>
|
||||||
|
<p>0.014 BCH</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</ion-content>
|
</ion-content>
|
||||||
<click-to-accept
|
<click-to-accept
|
||||||
ng-click="approve(tx, wallet, statusChangeHandler)"
|
ng-click="approve(tx, wallet, statusChangeHandler)"
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue