Mohsen Ghafouri
GitHub
parent
255a3b9172
commit
231272603d
|
|
@ -4,18 +4,14 @@
|
|||
|
||||
(defn community-card
|
||||
[radius theme]
|
||||
{:shadow-offset {:width 0
|
||||
:height 2}
|
||||
:shadow-radius radius
|
||||
:shadow-opacity 1
|
||||
:shadow-color colors/shadow
|
||||
:elevation 1
|
||||
(assoc
|
||||
(shadows/get 2 theme)
|
||||
:border-radius radius
|
||||
:justify-content :space-between
|
||||
:background-color (colors/theme-colors
|
||||
colors/white
|
||||
colors/neutral-90
|
||||
theme)})
|
||||
theme)))
|
||||
|
||||
(def detail-container
|
||||
{:flex 1})
|
||||
|
|
|
|||
|
|
@ -28,8 +28,7 @@
|
|||
:icon-only? true
|
||||
:size 32
|
||||
:on-press on-press
|
||||
:accessibility-label accessibility-label
|
||||
:background (when (#{:photo :blur} background) background)}
|
||||
:accessibility-label accessibility-label}
|
||||
icon-name])]
|
||||
children))
|
||||
|
||||
|
|
|
|||
|
|
@ -1,25 +1,30 @@
|
|||
(ns quo2.foundations.shadows
|
||||
(:refer-clojure :exclude [get])
|
||||
(:require [quo2.foundations.colors :as colors]
|
||||
[quo2.theme :as quo.theme]))
|
||||
[quo2.theme :as quo.theme]
|
||||
[react-native.platform :as platform]))
|
||||
|
||||
(def ^:private shadows
|
||||
(let [dark-normal {1 {:shadow-color (colors/alpha colors/neutral-100 0.5)
|
||||
(let [dark-normal {1 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.5))
|
||||
:shadow-offset {:width 0 :height 4}
|
||||
:elevation 3
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 20}
|
||||
2 {:shadow-color (colors/alpha colors/neutral-100 0.64)
|
||||
2 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.64))
|
||||
:shadow-offset {:width 0 :height 4}
|
||||
:elevation 4
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 20}
|
||||
3 {:shadow-color (colors/alpha colors/neutral-100 0.64)
|
||||
3 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.64))
|
||||
:shadow-offset {:width 0 :height 12}
|
||||
:elevation 8
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 20}
|
||||
4 {:shadow-color (colors/alpha colors/neutral-100 0.72)
|
||||
4 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.72))
|
||||
:shadow-offset {:width 0 :height 16}
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 20
|
||||
|
|
@ -29,22 +34,26 @@
|
|||
(update-in [:medium :shadow-offset :height] -)
|
||||
(update-in [:intense :shadow-offset :height] -)
|
||||
(update-in [:strong :shadow-offset :height] -))
|
||||
light-normal {1 {:shadow-color (colors/alpha colors/neutral-100 0.04)
|
||||
light-normal {1 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.04))
|
||||
:shadow-offset {:width 0 :height 4}
|
||||
:elevation 1
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 16}
|
||||
2 {:shadow-color (colors/alpha colors/neutral-100 0.08)
|
||||
2 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.08))
|
||||
:shadow-offset {:width 0 :height 4}
|
||||
:elevation 6
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 16}
|
||||
3 {:shadow-color (colors/alpha colors/neutral-100 0.12)
|
||||
3 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.12))
|
||||
:shadow-offset {:width 0 :height 12}
|
||||
:elevation 8
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 16}
|
||||
4 {:shadow-color (colors/alpha colors/neutral-100 0.16)
|
||||
4 {:shadow-color (when platform/ios?
|
||||
(colors/alpha colors/neutral-100 0.16))
|
||||
:shadow-offset {:width 0 :height 16}
|
||||
:shadow-opacity 1
|
||||
:shadow-radius 16
|
||||
|
|
|
|||
|
|
@ -10,10 +10,11 @@
|
|||
(def featured-communities-header
|
||||
{:flex-direction :row
|
||||
:height 30
|
||||
:padding-top 8
|
||||
:margin-bottom 8
|
||||
:padding-top 6
|
||||
:margin-bottom 7
|
||||
:padding-right 20
|
||||
:margin-left 20
|
||||
:align-items :center
|
||||
:justify-content :space-between})
|
||||
|
||||
(def featured-communities-title-container
|
||||
|
|
@ -57,7 +58,7 @@
|
|||
:justify-content :center})
|
||||
|
||||
(def render-communities-container
|
||||
{:margin-top 100})
|
||||
{:margin-top (if platform/ios? 57 104)})
|
||||
|
||||
(defn blur-tabs-header
|
||||
[]
|
||||
|
|
|
|||
|
|
@ -476,7 +476,7 @@
|
|||
"discover": "Discover",
|
||||
"discover-web3": "Discover web3",
|
||||
"dismiss": "Dismiss",
|
||||
"discover-communities": "Discover Communities",
|
||||
"discover-communities": "Discover communities",
|
||||
"done": "Done",
|
||||
"edit": "Edit",
|
||||
"edit-group": "Edit group",
|
||||
|
|
|
|||
Loading…
Reference in New Issue