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

View File

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

View File

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