diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-16 06:35:16 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-16 06:35:16 +0900 |
| commit | dace5b6940f36d632acae67ba38fa15918485d19 (patch) | |
| tree | ef3c523c7328fb6a7d56ef10f796ee2d74d9b00d /packages/frontend/src/components | |
| parent | Update CHANGELOG.md (diff) | |
| download | misskey-dace5b6940f36d632acae67ba38fa15918485d19.tar.gz misskey-dace5b6940f36d632acae67ba38fa15918485d19.tar.bz2 misskey-dace5b6940f36d632acae67ba38fa15918485d19.zip | |
:art:
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkRolePreview.vue | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkRolePreview.vue b/packages/frontend/src/components/MkRolePreview.vue index 1c8020bd06..2edc224b1c 100644 --- a/packages/frontend/src/components/MkRolePreview.vue +++ b/packages/frontend/src/components/MkRolePreview.vue @@ -1,6 +1,11 @@ <template> <MkA v-adaptive-bg :to="`/admin/roles/${role.id}`" class="_panel" :class="$style.root" tabindex="-1" :style="{ '--color': role.color }"> <div :class="$style.title"> + <span :class="$style.icon"> + <i v-if="role.isAdministrator" class="ti ti-crown" style="color: var(--accent);"></i> + <i v-else-if="role.isModerator" class="ti ti-shield" style="color: var(--accent);"></i> + <i v-else class="ti ti-user" style="opacity: 0.7;"></i> + </span> <span :class="$style.name">{{ role.name }}</span> <span v-if="role.target === 'manual'" :class="$style.users">{{ role.usersCount }} users</span> <span v-else-if="role.target === 'conditional'" :class="$style.users">({{ i18n.ts._role.conditional }})</span> @@ -31,6 +36,10 @@ const props = defineProps<{ display: flex; } +.icon { + margin-right: 8px; +} + .name { font-weight: bold; } |