Fix layout of title for select key-pairs screen (#20270)
* fix: ensure standard-title component uses flex-1 styling * fix: adapt settings screens to use flex-0 styling for the standard-title component
This commit is contained in:
parent
c0e10b7c6f
commit
ec00ddf10e
|
@ -2,7 +2,8 @@
|
|||
(:require [quo.foundations.colors :as colors]))
|
||||
|
||||
(def container
|
||||
{:flex-direction :row
|
||||
{:flex 1
|
||||
:flex-direction :row
|
||||
:justify-content :space-between})
|
||||
|
||||
(def right-counter
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
(ns status-im.contexts.settings.wallet.keypairs-and-accounts.style)
|
||||
|
||||
(def title-container
|
||||
{:padding-horizontal 20
|
||||
{:flex 0
|
||||
:padding-horizontal 20
|
||||
:margin-vertical 12})
|
||||
|
||||
(defn page-wrapper
|
||||
|
|
|
@ -106,11 +106,11 @@
|
|||
:background :blur
|
||||
:icon-name :i/arrow-left
|
||||
:on-press navigate-back}]
|
||||
[rn/view {:style style/title-container}
|
||||
[quo/standard-title
|
||||
{:title (i18n/label :t/keypairs-and-accounts)
|
||||
:accessibility-label :keypairs-and-accounts-header
|
||||
:customization-color customization-color}]]
|
||||
[quo/standard-title
|
||||
{:title (i18n/label :t/keypairs-and-accounts)
|
||||
:container-style style/title-container
|
||||
:accessibility-label :keypairs-and-accounts-header
|
||||
:customization-color customization-color}]
|
||||
[rn/view {:style style/settings-keypairs-container}
|
||||
(when (seq missing-keypairs)
|
||||
[quo/missing-keypairs
|
||||
|
|
|
@ -2,7 +2,8 @@
|
|||
(:require [quo.foundations.colors :as colors]))
|
||||
|
||||
(def title-container
|
||||
{:padding-horizontal 20
|
||||
{:flex 0
|
||||
:padding-horizontal 20
|
||||
:padding-vertical 12})
|
||||
|
||||
(defn page-wrapper
|
||||
|
|
|
@ -114,10 +114,10 @@
|
|||
:background :blur
|
||||
:icon-name :i/arrow-left
|
||||
:on-press navigate-back}]
|
||||
[rn/view {:style style/title-container}
|
||||
[quo/standard-title
|
||||
{:title (i18n/label :t/network-settings)
|
||||
:accessibility-label :network-settings-header}]]
|
||||
[quo/standard-title
|
||||
{:title (i18n/label :t/network-settings)
|
||||
:container-style style/title-container
|
||||
:accessibility-label :network-settings-header}]
|
||||
[rn/view {:style (style/settings-container (:bottom insets))}
|
||||
(when networks-by-name
|
||||
[rn/view {:style style/networks-container}
|
||||
|
|
|
@ -1,7 +1,8 @@
|
|||
(ns status-im.contexts.settings.wallet.saved-addresses.style)
|
||||
|
||||
(def title-container
|
||||
{:padding-horizontal 20
|
||||
{:flex 0
|
||||
:padding-horizontal 20
|
||||
:margin-top 12
|
||||
:margin-bottom 16})
|
||||
|
||||
|
|
|
@ -78,14 +78,14 @@
|
|||
:background :blur
|
||||
:icon-name :i/arrow-left
|
||||
:on-press navigate-back}]
|
||||
[rn/view {:style style/title-container}
|
||||
[quo/standard-title
|
||||
{:title (i18n/label :t/saved-addresses)
|
||||
:accessibility-label :saved-addresses-header
|
||||
:right :action
|
||||
:on-press add-address-to-save
|
||||
:customization-color customization-color
|
||||
:icon :i/add}]]
|
||||
[quo/standard-title
|
||||
{:title (i18n/label :t/saved-addresses)
|
||||
:accessibility-label :saved-addresses-header
|
||||
:right :action
|
||||
:on-press add-address-to-save
|
||||
:customization-color customization-color
|
||||
:icon :i/add
|
||||
:container-style style/title-container}]
|
||||
[rn/section-list
|
||||
{:key-fn :title
|
||||
:sticky-section-headers-enabled false
|
||||
|
|
Loading…
Reference in New Issue