blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-09-01 20:16:56 +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' }"> <n-drawer-content :native-scrollbar="false" :body-content-style="{ padding: '0' }">
<template #header> <template #header>
<div class="flex"> <div class="flex items-center">
<UserCenter /> <UserCenter />
<div class="ml-auto" /> <div class="ml-auto" />
<Search /> <Search />

14
src/layouts/index.vue
View File

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