fixed: spacing between the header and illustration on biometrics page

status-im · Jan 16, 2024 · 02b8d21 · 02b8d21
1 parent 72d8c44
commit 02b8d21
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/src/status_im/contexts/onboarding/enable_biometrics/style.cljs b/src/status_im/contexts/onboarding/enable_biometrics/style.cljs
@@ -2,6 +2,10 @@
 
 (def default-margin 20)
 
+(def title-container
+  {:margin-horizontal 20
+   :padding-vertical  12})
+
 (defn page-container
   [insets]
   {:flex            1
@@ -10,8 +14,10 @@
 
 (defn page-illustration
   [width]
-  {:flex  1
-   :width width})
+  {:flex           1
+   :padding-top    12
+   :padding-bottom 10
+   :width          width})
 
 (defn buttons
   [insets]

diff --git a/src/status_im/contexts/onboarding/enable_biometrics/view.cljs b/src/status_im/contexts/onboarding/enable_biometrics/view.cljs
@@ -16,7 +16,7 @@
 (defn page-title
   []
   [quo/text-combinations
-   {:container-style                 {:margin-top 12 :margin-horizontal 20}
+   {:container-style                 style/title-container
     :title                           (i18n/label :t/enable-biometrics)
     :title-accessibility-label       :enable-biometrics-title
     :description                     (i18n/label :t/use-biometrics)
@@ -51,9 +51,12 @@
 (defn enable-biometrics-parallax
   []
   (let [stretch (if rn/small-screen? 25 40)]
-    [parallax/video
-     {:layers  (:biometrics resources/parallax-video)
-      :stretch stretch}]))
+    [rn/view
+     {:position :absolute
+      :top      12}
+     [parallax/video
+      {:layers  (:biometrics resources/parallax-video)
+       :stretch stretch}]]))
 
 (defn enable-biometrics-simple
   []