oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

🎨

Browse source
This commit is contained in:
syuilo 2023-01-16 06:35:16 +09:00
parent 2d8b97287e
commit dace5b6940
2 changed files with 93 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/frontend/src/components/MkRolePreview.vue
View file

@ -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;
}