blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-08-31 11:25:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve mobile layout

Browse Source
This commit is contained in:
chansee97 2025-08-02 23:19:34 +08:00
parent 228ccaee5b
commit 2535252310
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layouts/components/common/MobileDrawer.vue
View File

@ -17,7 +17,7 @@ const showDrawer = defineModel<boolean>('show', { default: false })
>
<n-drawer-content :native-scrollbar="false" :body-content-style="{ padding: '0' }">
<template #header>
<div class="flex">
<div class="flex items-center">
<UserCenter />
<div class="ml-auto" />
<Search />

14
src/layouts/index.vue
View File

@ -70,10 +70,16 @@ const hidenCollapaseButton = computed(() => ['horizontal'].includes(layoutMode.v
</template>
<template #nav-left>
<div v-if="!hasHorizontalMenu || !hidenCollapaseButton" class="h-full flex-y-center gap-1 p-x-sm">
<CollapaseButton v-if="!hidenCollapaseButton" />
<Breadcrumb v-if="!hasHorizontalMenu" />
</div>
<template v-if="appStore.isMobile">
<Logo />
</template>
<template v-else>
<div v-if="!hasHorizontalMenu || !hidenCollapaseButton" class="h-full flex-y-center gap-1 p-x-sm">
<CollapaseButton v-if="!hidenCollapaseButton" />
<Breadcrumb v-if="!hasHorizontalMenu" />
</div>
</template>
</template>
<template #nav-center>