[#19176] fix: onboarding illustration design issue (#19800)

src/status_im/contexts/onboarding/enable_notifications/style.cljs

@@ -13,6 +13,11 @@
   {:flex  1
    :width width})
 
+(def page-title
+  {:margin-top        12
+   :margin-horizontal 20
+   :margin-bottom     8})
+
 (def page-heading {:z-index 1})
 
 (defn buttons

src/status_im/contexts/onboarding/enable_notifications/view.cljs

@@ -16,7 +16,7 @@
 (defn page-title
   []
   [quo/text-combinations
-   {:container-style                 {:margin-top 12 :margin-horizontal 20}
+   {:container-style                 style/page-title
     :title                           (i18n/label :t/intro-wizard-title6)
     :title-accessibility-label       :notifications-title
     :description                     (i18n/label :t/enable-notifications-sub-title)

src/status_im/contexts/onboarding/welcome/style.cljs

@@ -9,9 +9,14 @@
 
 (defn page-illustration
   [width]
-  {:width         width
-   :margin-top    12
-   :margin-bottom 4})
+  {:width        width
+   :aspect-ratio 0.7
+   :height       :auto})
+
+(def page-title
+  {:margin-top        12
+   :margin-horizontal 20
+   :margin-bottom     8})
 
 (defn buttons
   [insets]

src/status_im/contexts/onboarding/welcome/view.cljs

@@ -16,7 +16,7 @@
   []
   (let [new-account? (rf/sub [:onboarding/new-account?])]
     [quo/text-combinations
-     {:container-style                 {:margin-top 12 :margin-horizontal 20}
+     {:container-style                 style/page-title
       :title                           (i18n/label (if new-account?
                                                      :t/welcome-to-web3
                                                      :t/welcome-back))
@@ -45,10 +45,9 @@
        :on-press   #(rf/dispatch [:navigate-back])}]
      [page-title]
      [rn/image
-      {:style         (style/page-illustration (:width window))
-       :resize-mode   :stretch
-       :resize-method :scale
-       :source        (resources/get-image :welcome-illustration)}]
+      {:style       (style/page-illustration (:width window))
+       :resize-mode :contain
+       :source      (resources/get-image :welcome-illustration)}]
      [rn/view {:style (style/buttons insets)}
       (when rn/small-screen?
         [linear-gradient/linear-gradient