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

fix: community spacing issues in token gating community page 

* fix: community spacing issues in token gating community page

* fix: spacing issues between token rows
This commit is contained in:
John Ngei 2024-04-12 17:35:03 +02:00 committed by GitHub
parent 658f62e8ce
commit 6bc29088ab
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/quo/components/community/style.cljs
View File

@ -102,7 +102,7 @@
:right 8}) :right 8})
(def token-tag-spacing (def token-tag-spacing
{:margin-top 10 {:padding-top 10
:margin-right 8}) :margin-right 8})
(defn token-row (defn token-row
@ -117,7 +117,8 @@
(defn token-row-or-text (defn token-row-or-text
[padding? theme] [padding? theme]
(merge (merge
{:margin-top 4 {:padding-top 4
:margin-bottom -2
:color (colors/theme-colors :color (colors/theme-colors
colors/neutral-50 colors/neutral-50
colors/neutral-40 colors/neutral-40

5
src/status_im/contexts/communities/overview/style.cljs
View File

@ -11,7 +11,7 @@
(def community-tag-container (def community-tag-container
{:padding-horizontal screen-horizontal-padding {:padding-horizontal screen-horizontal-padding
:margin-horizontal (- screen-horizontal-padding) :margin-horizontal (- screen-horizontal-padding)
:margin-bottom 20}) :margin-bottom 16})
(def community-content-container (def community-content-container
{:padding-horizontal screen-horizontal-padding}) {:padding-horizontal screen-horizontal-padding})
@ -64,4 +64,5 @@
{:border-radius 16 {:border-radius 16
:border-color (colors/theme-colors colors/neutral-20 colors/neutral-80) :border-color (colors/theme-colors colors/neutral-20 colors/neutral-80)
:border-width 1 :border-width 1
:padding-top 10}) :padding-top 10
:margin-bottom 106})

4
src/status_im/contexts/communities/overview/view.cljs
View File

@ -161,7 +161,7 @@
(i18n/label :t/you-eligible-to-join-as {:role highest-role-text}) (i18n/label :t/you-eligible-to-join-as {:role highest-role-text})
(i18n/label :t/you-not-eligible-to-join))] (i18n/label :t/you-not-eligible-to-join))]
[info-button]] [info-button]]
[quo/text {:style {:padding-horizontal 12 :padding-bottom 18} :size :paragraph-2} [quo/text {:style {:padding-horizontal 12 :padding-bottom 6} :size :paragraph-2}
(if can-request-access? (if can-request-access?
(i18n/label :t/you-hodl) (i18n/label :t/you-hodl)
(i18n/label :t/you-must-hold))] (i18n/label :t/you-must-hold))]
@ -175,7 +175,7 @@
#(rf/dispatch [:open-modal :community-requests-to-join {:id id}])) #(rf/dispatch [:open-modal :community-requests-to-join {:id id}]))
:accessibility-label :join-community-button :accessibility-label :join-community-button
:customization-color color :customization-color color
:container-style {:margin-horizontal 12 :margin-top 12 :margin-bottom 12} :container-style {:margin-horizontal 12 :margin-top 8 :margin-bottom 12}
:disabled? (not can-request-access?) :disabled? (not can-request-access?)
:icon-left (if can-request-access? :i/unlocked :i/locked)} :icon-left (if can-request-access? :i/unlocked :i/locked)}
(i18n/label :t/request-to-join)]]))) (i18n/label :t/request-to-join)]])))