Comfy-Org/ComfyUI_frontend
1
0
Fork 0
mirror of https://github.com/Comfy-Org/ComfyUI_frontend.git synced 2026-04-19 22:09:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: consolidate inline role badges into StatusBadge component

Browse Source 
Replace inline <span> role badges in MembersPanelContent with the shared
StatusBadge component using severity="contrast". Preserves original
sizing via class overrides (text-2xs, font-bold, py-0.5).

Fixes #10979
This commit is contained in:
bymyself
2026-04-10 15:29:22 -07:00
parent 1ffd92f910
commit 4f2857e1ab
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/platform/workspace/components/dialogs/settings/MembersPanelContent.vue
View File

@@ -151,12 +151,12 @@
({{ $t('g.you') }})
</span>
</span>
<span
<StatusBadge
v-if="uiConfig.showRoleBadge"
class="rounded-full bg-base-foreground px-1 py-0.5 text-2xs font-bold text-base-background uppercase"
>
{{ $t('workspaceSwitcher.roleOwner') }}
</span>
:label="$t('workspaceSwitcher.roleOwner')"
severity="contrast"
class="py-0.5 text-2xs font-bold"
/>
</div>
<span class="text-sm text-muted-foreground">
{{ userEmail }}
@@ -200,12 +200,12 @@
({{ $t('g.you') }})
</span>
</span>
<span
<StatusBadge
v-if="uiConfig.showRoleBadge"
class="rounded-full bg-base-foreground px-1 py-0.5 text-2xs font-bold text-base-background uppercase"
>
{{ getRoleBadgeLabel(member.role) }}
</span>
:label="getRoleBadgeLabel(member.role)"
severity="contrast"
class="py-0.5 text-2xs font-bold"
/>
</div>
<span class="text-sm text-muted-foreground">
{{ member.email }}
@@ -367,6 +367,7 @@ import { useToast } from 'primevue/usetoast'
import { computed, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import StatusBadge from '@/components/common/StatusBadge.vue'
import SearchInput from '@/components/ui/search-input/SearchInput.vue'
import UserAvatar from '@/components/common/UserAvatar.vue'
import Button from '@/components/ui/button/Button.vue'