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

Fix android clipped elevation 

Added some air on every card and unified common style

Increase elevation size

Signed-off-by: Gheorghe Pinzaru <feross95@gmail.com>
This commit is contained in:
Gheorghe Pinzaru 2020-01-16 15:02:05 +03:00
parent 59140d971f
commit e088a61247
No known key found for this signature in database
GPG Key ID: C9A094959935A952
2 changed files with 24 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/status_im/ui/screens/wallet/accounts/styles.cljs
View File

@ -2,38 +2,31 @@
(:require [status-im.ui.components.colors :as colors] (:require [status-im.ui.components.colors :as colors]
[status-im.ui.components.tabbar.styles :as tabs.styles])) [status-im.ui.components.tabbar.styles :as tabs.styles]))
(defn card [color] (def card-common
{:width 156 {:margin-vertical 16
:margin-horizontal 8
:width 156
:height 145 :height 145
:margin-right 16
:background-color color
:shadow-offset {:width 0 :height 2} :shadow-offset {:width 0 :height 2}
:shadow-radius 8 :shadow-radius 8
:shadow-opacity 1 :shadow-opacity 1
:shadow-color "rgba(0, 9, 26, 0.12)" :shadow-color "rgba(0, 9, 26, 0.12)"
:elevation 2 :elevation 3
:border-radius 8 :border-radius 8})
(defn card [color]
(merge card-common
{:background-color color
:justify-content :space-between :justify-content :space-between
:padding 12 :padding-horizontal 12
:padding-bottom 6 :padding-top 12
:margin-top 5 :padding-bottom 6}))
:margin-bottom 5})
(def add-card (def add-card
{:width 156 (merge card-common
:height 145 {:background-color colors/white
:margin-top 5
:margin-right 5
:margin-bottom 5
:background-color colors/white
:shadow-offset {:width 0 :height 2}
:shadow-radius 8
:shadow-opacity 1
:shadow-color "rgba(0, 9, 26, 0.12)"
:elevation 2
:border-radius 8
:justify-content :center :justify-content :center
:align-items :center}) :align-items :center}))
(def send-button-container (def send-button-container
{:position :absolute {:position :absolute

4
src/status_im/ui/screens/wallet/accounts/views.cljs
View File

@ -160,9 +160,7 @@
[react/scroll-view {:horizontal true [react/scroll-view {:horizontal true
:shows-horizontal-scroll-indicator false} :shows-horizontal-scroll-indicator false}
[react/view {:flex-direction :row [react/view {:flex-direction :row
:padding-top 11 :padding-horizontal 8}
:padding-bottom 12
:padding-horizontal 16}
(for [account accounts] (for [account accounts]
^{:key account} ^{:key account}
[account-card account]) [account-card account])