feat: complete application updates
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
<script setup lang="ts">
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { ADMIN_NAV_ITEMS, isNavActive } from '@/utils/navigation'
|
||||
import { computed } from 'vue'
|
||||
import { isNavActive, navItemsForPhone } from '@/utils/navigation'
|
||||
import AdminIcon from '@/components/icons/AdminIcon.vue'
|
||||
import { useAuthStore } from '@/stores/auth'
|
||||
|
||||
@@ -15,6 +16,8 @@ const emit = defineEmits<{
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const auth = useAuthStore()
|
||||
const navItems = computed(() => navItemsForPhone(auth.session?.phone))
|
||||
const brandLogoUrl = `${import.meta.env.BASE_URL}brand-logo.png`
|
||||
|
||||
function navigate(path: string) {
|
||||
router.push(path)
|
||||
@@ -42,6 +45,7 @@ function logout() {
|
||||
:aria-hidden="!open"
|
||||
>
|
||||
<div class="admin-drawer__brand">
|
||||
<img :src="brandLogoUrl" alt="نادمی تکس" class="admin-drawer__logo" />
|
||||
<strong>پارچه</strong>
|
||||
<span>پنل مدیریت</span>
|
||||
<button type="button" class="admin-drawer__close" aria-label="بستن منو" @click="emit('close')">
|
||||
@@ -51,7 +55,7 @@ function logout() {
|
||||
|
||||
<nav class="admin-drawer__nav">
|
||||
<button
|
||||
v-for="item in ADMIN_NAV_ITEMS"
|
||||
v-for="item in navItems"
|
||||
:key="item.name"
|
||||
type="button"
|
||||
class="admin-drawer__item"
|
||||
@@ -78,6 +82,14 @@ function logout() {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.admin-drawer__logo {
|
||||
display: block;
|
||||
width: 92px;
|
||||
height: 64px;
|
||||
object-fit: contain;
|
||||
margin: 0 auto 8px;
|
||||
}
|
||||
|
||||
.admin-drawer__brand strong {
|
||||
display: block;
|
||||
font-size: 1.0625rem;
|
||||
|
||||
Reference in New Issue
Block a user