forked from jsnbuchanan/crowd-funder-for-time-pwa
fix: restrict pending member styling to organizers only
- Apply special styling (blue background, grayed text, hourglass icon) only when current user is organizer - Non-organizers now see consistent styling for all visible members - Maintains organizer's ability to distinguish between admitted and pending members - Fixes issue where non-organizers saw inconsistent styling for all members
This commit is contained in:
@@ -66,7 +66,7 @@
|
|||||||
'border-b px-2 sm:px-3 py-1.5',
|
'border-b px-2 sm:px-3 py-1.5',
|
||||||
{
|
{
|
||||||
'bg-blue-50 border-t border-blue-300 -mt-[1px]':
|
'bg-blue-50 border-t border-blue-300 -mt-[1px]':
|
||||||
!member.member.admitted,
|
!member.member.admitted && isOrganizer,
|
||||||
},
|
},
|
||||||
{ 'border-slate-300': member.member.admitted },
|
{ 'border-slate-300': member.member.admitted },
|
||||||
]"
|
]"
|
||||||
@@ -76,7 +76,7 @@
|
|||||||
<h3
|
<h3
|
||||||
:class="[
|
:class="[
|
||||||
'font-semibold truncate',
|
'font-semibold truncate',
|
||||||
{ 'text-slate-500': !member.member.admitted },
|
{ 'text-slate-500': !member.member.admitted && isOrganizer },
|
||||||
]"
|
]"
|
||||||
>
|
>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
@@ -85,7 +85,7 @@
|
|||||||
class="fa-fw text-amber-400"
|
class="fa-fw text-amber-400"
|
||||||
/>
|
/>
|
||||||
<font-awesome
|
<font-awesome
|
||||||
v-if="!member.member.admitted"
|
v-if="!member.member.admitted && isOrganizer"
|
||||||
icon="hourglass-half"
|
icon="hourglass-half"
|
||||||
class="fa-fw text-slate-400"
|
class="fa-fw text-slate-400"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user