From 6aa981d4a7e75ec218d63df5f4d59f141c5b408c Mon Sep 17 00:00:00 2001 From: John Ngei Date: Fri, 12 Jan 2024 18:37:23 +0100 Subject: [PATCH] fixed dark border around the community logo on community page This PR removes the dark border around the community logo on communities page reproducible only when the user has not yet joined the community --- src/status_im/common/scroll_page/style.cljs | 15 ++++++++------- src/status_im/common/scroll_page/view.cljs | 2 +- 2 files changed, 9 insertions(+), 8 deletions(-) diff --git a/src/status_im/common/scroll_page/style.cljs b/src/status_im/common/scroll_page/style.cljs index aabf6d152c..35b9380364 100644 --- a/src/status_im/common/scroll_page/style.cljs +++ b/src/status_im/common/scroll_page/style.cljs @@ -58,15 +58,16 @@ (def picture-border-width 4) (defn display-picture-container - [animation] + [animation theme] (reanimated/apply-animations-to-style {:transform [{:scale animation}]} - {:border-radius picture-diameter - :border-width picture-border-width - :border-color (colors/theme-colors colors/white colors/neutral-95) - :position :absolute - :top (- (+ picture-radius picture-border-width)) - :left (+ (/ picture-radius 2) picture-border-width)})) + {:border-radius picture-diameter + :border-width picture-border-width + :border-color (colors/theme-colors colors/white colors/neutral-95 theme) + :background-color (colors/theme-colors colors/white colors/neutral-95 theme) + :position :absolute + :top (- (+ picture-radius picture-border-width)) + :left (+ (/ picture-radius 2) picture-border-width)})) (defn display-picture [theme] diff --git a/src/status_im/common/scroll_page/view.cljs b/src/status_im/common/scroll_page/view.cljs index c1f673dffe..9bf4a36401 100644 --- a/src/status_im/common/scroll_page/view.cljs +++ b/src/status_im/common/scroll_page/view.cljs @@ -89,7 +89,7 @@ js/undefined) [scroll-height]) [reanimated/view - {:style (style/display-picture-container animation)} + {:style (style/display-picture-container animation theme)} [rn/image {:source cover :style (style/display-picture theme)}]]))