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

[#16861] fix: resolve discover communities design feedbacks (#17128)

This commit is contained in:
Mohsen Ghafouri 2023-08-28 18:09:42 +03:00 committed by GitHub
parent 255a3b9172
commit 231272603d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/quo2/components/community/style.cljs
View File

@ -4,18 +4,14 @@
(defn community-card (defn community-card
[radius theme] [radius theme]
{:shadow-offset {:width 0 (assoc
:height 2} (shadows/get 2 theme)
:shadow-radius radius
:shadow-opacity 1
:shadow-color colors/shadow
:elevation 1
:border-radius radius :border-radius radius
:justify-content :space-between :justify-content :space-between
:background-color (colors/theme-colors :background-color (colors/theme-colors
colors/white colors/white
colors/neutral-90 colors/neutral-90
theme)}) theme)))
(def detail-container (def detail-container
{:flex 1}) {:flex 1})

3
src/quo2/components/navigation/page_nav/view.cljs
View File

@ -28,8 +28,7 @@
:icon-only? true :icon-only? true
:size 32 :size 32
:on-press on-press :on-press on-press
:accessibility-label accessibility-label :accessibility-label accessibility-label}
:background (when (#{:photo :blur} background) background)}
icon-name])] icon-name])]
children)) children))

27
src/quo2/foundations/shadows.cljs
View File

@ -1,25 +1,30 @@
(ns quo2.foundations.shadows (ns quo2.foundations.shadows
(:refer-clojure :exclude [get]) (:refer-clojure :exclude [get])
(:require [quo2.foundations.colors :as colors] (:require [quo2.foundations.colors :as colors]
[quo2.theme :as quo.theme])) [quo2.theme :as quo.theme]
[react-native.platform :as platform]))
(def ^:private shadows (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} :shadow-offset {:width 0 :height 4}
:elevation 3 :elevation 3
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 20} :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} :shadow-offset {:width 0 :height 4}
:elevation 4 :elevation 4
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 20} :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} :shadow-offset {:width 0 :height 12}
:elevation 8 :elevation 8
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 20} :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-offset {:width 0 :height 16}
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 20 :shadow-radius 20
@ -29,22 +34,26 @@
(update-in [:medium :shadow-offset :height] -) (update-in [:medium :shadow-offset :height] -)
(update-in [:intense :shadow-offset :height] -) (update-in [:intense :shadow-offset :height] -)
(update-in [:strong :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} :shadow-offset {:width 0 :height 4}
:elevation 1 :elevation 1
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 16} :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} :shadow-offset {:width 0 :height 4}
:elevation 6 :elevation 6
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 16} :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} :shadow-offset {:width 0 :height 12}
:elevation 8 :elevation 8
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 16} :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-offset {:width 0 :height 16}
:shadow-opacity 1 :shadow-opacity 1
:shadow-radius 16 :shadow-radius 16

7
src/status_im2/contexts/communities/discover/style.cljs
View File

@ -10,10 +10,11 @@
(def featured-communities-header (def featured-communities-header
{:flex-direction :row {:flex-direction :row
:height 30 :height 30
:padding-top 8 :padding-top 6
:margin-bottom 8 :margin-bottom 7
:padding-right 20 :padding-right 20
:margin-left 20 :margin-left 20
:align-items :center
:justify-content :space-between}) :justify-content :space-between})
(def featured-communities-title-container (def featured-communities-title-container
@ -57,7 +58,7 @@
:justify-content :center}) :justify-content :center})
(def render-communities-container (def render-communities-container
{:margin-top 100}) {:margin-top (if platform/ios? 57 104)})
(defn blur-tabs-header (defn blur-tabs-header
[] []

2
translations/en.json
View File

@ -476,7 +476,7 @@
"discover": "Discover", "discover": "Discover",
"discover-web3": "Discover web3", "discover-web3": "Discover web3",
"dismiss": "Dismiss", "dismiss": "Dismiss",
"discover-communities": "Discover Communities", "discover-communities": "Discover communities",
"done": "Done", "done": "Done",
"edit": "Edit", "edit": "Edit",
"edit-group": "Edit group", "edit-group": "Edit group",