UI fix tutorial ＆ Replace the tutorial image (#527)

* Replace the tutorial image * Fix tutorial page styling for long iPhone * Fix tutorial page styling for long iPhone
numbersprotocol · Feb 2, 2021 · b1ebbb4 · b1ebbb4
1 parent eacc154
commit b1ebbb4
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 2 deletions.
diff --git a/src/app/features/home/onboarding/tutorial/tutorial.page.scss b/src/app/features/home/onboarding/tutorial/tutorial.page.scss
@@ -8,8 +8,8 @@ ion-content {
       height: 100vh;
 
       svg {
-        padding-top: 5vh;
-        padding-bottom: 5vh;
+        padding-top: 8vh;
+        padding-bottom: calc(12vh + env(safe-area-inset-bottom));
       }
 
       button {
@@ -18,6 +18,7 @@ ion-content {
         right: 20px;
         color: white;
         font-size: 20px;
+        padding-bottom: calc(5vh + env(safe-area-inset-bottom));
       }
     }
   }

diff --git a/src/assets/image/tutorial-capture.png b/src/assets/image/tutorial-capture.png
diff --git a/src/assets/image/tutorial-post-capture.png b/src/assets/image/tutorial-post-capture.png
diff --git a/src/assets/image/tutorial-tabs.png b/src/assets/image/tutorial-tabs.png