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 "views/views";
|
||||
@import "directives/directives";
|
||||
@import "components/components";
|
||||
@import "shame";
|
||||
|
|
|
|||
|
|
@ -15066,6 +15066,30 @@ log-options #check-bar .checkbox-icon {
|
|||
border-radius: 3px;
|
||||
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.
|
||||
* Our goal is to delete this file. Search the regex: /class=".*CLASS.*?"/
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -8,7 +8,13 @@
|
|||
</ion-nav-bar>
|
||||
|
||||
<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>
|
||||
<click-to-accept
|
||||
ng-click="approve(tx, wallet, statusChangeHandler)"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue