Dev #11
@@ -13,12 +13,6 @@ const userStore = useUserStore()
|
|||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const searchQuery = ref('')
|
const searchQuery = ref('')
|
||||||
|
|
||||||
const roleLabels: Record<string, string> = {
|
|
||||||
student: 'Студент',
|
|
||||||
teacher: 'Преподаватель',
|
|
||||||
admin: 'Администратор',
|
|
||||||
}
|
|
||||||
|
|
||||||
const unreadCount = computed(() => userStore.unreadCount())
|
const unreadCount = computed(() => userStore.unreadCount())
|
||||||
|
|
||||||
function openProfile() {
|
function openProfile() {
|
||||||
@@ -40,10 +34,6 @@ function openProfile() {
|
|||||||
<div class="topbar-right">
|
<div class="topbar-right">
|
||||||
<CoinChip v-if="auth.user" :amount="auth.user.coins" />
|
<CoinChip v-if="auth.user" :amount="auth.user.coins" />
|
||||||
|
|
||||||
<span class="role-chip" v-if="auth.user">
|
|
||||||
{{ roleLabels[auth.user.activeRole] }}
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<button class="notif-btn" @click="$router.push('/notifications')">
|
<button class="notif-btn" @click="$router.push('/notifications')">
|
||||||
<AppIcon icon="bell" :size="18" />
|
<AppIcon icon="bell" :size="18" />
|
||||||
<span class="notif-dot" v-if="auth.user && unreadCount > 0">
|
<span class="notif-dot" v-if="auth.user && unreadCount > 0">
|
||||||
@@ -108,16 +98,6 @@ function openProfile() {
|
|||||||
gap: 12px;
|
gap: 12px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
.role-chip {
|
|
||||||
background: rgba(34,197,94,0.12);
|
|
||||||
border: 1px solid rgba(34,197,94,0.3);
|
|
||||||
border-radius: var(--radius-sm);
|
|
||||||
padding: 5px 10px;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: var(--color-primary-dark);
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.notif-btn {
|
.notif-btn {
|
||||||
position: relative;
|
position: relative;
|
||||||
background: none;
|
background: none;
|
||||||
@@ -163,6 +143,5 @@ function openProfile() {
|
|||||||
.topbar-center { display: none; }
|
.topbar-center { display: none; }
|
||||||
.brand-name { display: none; }
|
.brand-name { display: none; }
|
||||||
.avatar-name { display: none; }
|
.avatar-name { display: none; }
|
||||||
.role-chip { display: none; }
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user