Browse Source

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
pull/211/head
Jose Olarte III 2 weeks ago
parent
commit
e048e4c86b
  1. 6
      src/components/MembersList.vue

6
src/components/MembersList.vue

@ -66,7 +66,7 @@
'border-b px-2 sm:px-3 py-1.5',
{
'bg-blue-50 border-t border-blue-300 -mt-[1px]':
!member.member.admitted,
!member.member.admitted && isOrganizer,
},
{ 'border-slate-300': member.member.admitted },
]"
@ -76,7 +76,7 @@
<h3
:class="[
'font-semibold truncate',
{ 'text-slate-500': !member.member.admitted },
{ 'text-slate-500': !member.member.admitted && isOrganizer },
]"
>
<font-awesome
@ -85,7 +85,7 @@
class="fa-fw text-amber-400"
/>
<font-awesome
v-if="!member.member.admitted"
v-if="!member.member.admitted && isOrganizer"
icon="hourglass-half"
class="fa-fw text-slate-400"
/>

Loading…
Cancel
Save