status-im
/
status-react
mirror of https://github.com/status-im/status-react.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Align toggle in Mail Server settings 

Signed-off-by: Gheorghe Pinzaru <feross95@gmail.com>
This commit is contained in:
Gheorghe Pinzaru 2020-01-07 18:09:29 +03:00
parent 4d5648d88a
commit 8cf1fb3da3
No known key found for this signature in database
GPG Key ID: C9A094959935A952
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/status_im/ui/screens/offline_messaging_settings/styles.cljs
View File

@ -40,8 +40,15 @@
(def mailserver-pinned
{:padding-horizontal 16
:flex-direction :row
:padding-vertical 5})
:flex-direction :row
:align-items :center
:padding-vertical 5})
(def mailserver-pinned-checkbox-container
{:width 40
:height 40
:align-items :center
:justify-content :center})
(def mailserver-pinned-text-container
{:margin-top 15})
{:padding-horizontal 15})

3
src/status_im/ui/screens/offline_messaging_settings/views.cljs
View File

@ -24,7 +24,8 @@
#(re-frame/dispatch [:mailserver.ui/pin-pressed]))}
[react/view {:style styles/mailserver-pinned}
[checkbox.views/checkbox
{:checked? (not pinned?)
{:checked? (not pinned?)
:style styles/mailserver-pinned-checkbox-container
:on-value-change (if pinned?
#(re-frame/dispatch [:mailserver.ui/unpin-pressed])
#(re-frame/dispatch [:mailserver.ui/pin-pressed]))}]