status-im/status-react
2
0
Fork 0
mirror of https://github.com/status-im/status-react.git synced 2025-01-24 01:39:12 +00:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Mohsen 2024-04-29 12:43:51 +03:00 committed by GitHub
parent 2ec6a3ed06
commit e8008d0aa9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/status_im/contexts/onboarding/enable_notifications/style.cljs
View File

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

2
src/status_im/contexts/onboarding/enable_notifications/view.cljs
View File

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

11
src/status_im/contexts/onboarding/welcome/style.cljs
View File

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

9
src/status_im/contexts/onboarding/welcome/view.cljs
View File

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