added arrows to tutorial
This commit is contained in:
parent
75f1ee95dd
commit
00a42c2092
|
@ -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">
|
||||
|
|
|
@ -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{
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
After Width: | Height: | Size: 2.1 KiB |
Loading…
Reference in New Issue