diff --git a/src/app/components/tutorial/tutorial.component.html b/src/app/components/tutorial/tutorial.component.html index 41292be0..6d5b6927 100644 --- a/src/app/components/tutorial/tutorial.component.html +++ b/src/app/components/tutorial/tutorial.component.html @@ -1,13 +1,15 @@
-
+ + arrow pointing the +

Welcome to Sengi!

Let's start, click the "+" button to add a new account.

-
+ + arrow pointing the first account

Nice!

diff --git a/src/app/components/tutorial/tutorial.component.scss b/src/app/components/tutorial/tutorial.component.scss index f6e3795e..a5fcd38d 100644 --- a/src/app/components/tutorial/tutorial.component.scss +++ b/src/app/components/tutorial/tutorial.component.scss @@ -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{ diff --git a/src/assets/img/arrow_1.png b/src/assets/img/arrow_1.png new file mode 100644 index 00000000..f74cd353 Binary files /dev/null and b/src/assets/img/arrow_1.png differ diff --git a/src/assets/img/arrow_2.png b/src/assets/img/arrow_2.png new file mode 100644 index 00000000..6946ad86 Binary files /dev/null and b/src/assets/img/arrow_2.png differ