added arrows to tutorial

This commit is contained in:
Nicolas Constant 2019-02-10 22:42:51 -05:00
parent 75f1ee95dd
commit 00a42c2092
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
4 changed files with 12 additions and 6 deletions

View File

@ -1,13 +1,15 @@
<!-- <div class="tutorial"> -->
<div class="add-account" *ngIf="showAddAccount">
<div class="add-account__arrow"></div>
<!-- <div class="add-account__arrow"></div> -->
<img class="add-account__arrow" src="assets/img/arrow_1.png" alt="arrow pointing the +">
<h3 class="add-account__title">Welcome to Sengi!</h3>
<p class="add-account__description">
Let's start, click the "+" button to add a new account.
</p>
</div>
<div class="open-account" *ngIf="showOpenAccount">
<div class="open-account__arrow"></div>
<!-- <div class="open-account__arrow"></div> -->
<img class="open-account__arrow" src="assets/img/arrow_2.png" alt="arrow pointing the first account">
<div class="open-account__mouse-icon"></div>
<h3 class="open-account__title">Nice!</h3>
<p class="open-account__description">

View File

@ -24,7 +24,9 @@
position: absolute;
&__arrow {
position: fixed;
top: 15px;
left: 60px;
}
&__title{
@ -35,8 +37,8 @@
&__description {
position: relative;
top: 40px;
left: 70px;
top: 45px;
left: 75px;
text-align: center;
@ -53,7 +55,9 @@
position: absolute;
&__arrow {
position: relative;
position: fixed;
top: 85px;
left: 65px;
}
&__title{

BIN
src/assets/img/arrow_1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
src/assets/img/arrow_2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB