Nuxt UI Pro Dashboad Nav Not Closing?
I implemented some of the Pro dashboard components and I can't seem to get the mobile nav to close. I have used this on other projects and triple checked that I have not altered the implementation any differently. I'm not sure why the navigation will not close.
<template>
<UDashboardLayout>
<UDashboardPanel :width="300" :resizable="{ min: 200, max: 600 }">
<UDashboardNavbar>
<template #center>
<h1 class="font-semibold text-xl text-center text-green-600 dark:text-green-400">
Project Controls Reporting
</h1>
</template>
</UDashboardNavbar>
<UDashboardSidebar>
<UDashboardSidebarLinks :level="2" :links="links" />
<template #footer>
<UButton block color="red" icon="i-heroicons-arrow-left-start-on-rectangle" v-if="user" @click="logout">Logout</UButton>
</template>
</UDashboardSidebar>
</UDashboardPanel>
<UDashboardPage>
<UDashboardPanel grow>
<UDashboardNavbar>
<template #left>
<UDashboardSearch />
</template>
<template #right>
<ClientOnly>
<UColorModeSelect />
</ClientOnly>
</template>
</UDashboardNavbar>
<UDashboardPanelContent class="w-full mx-auto">
<slot />
</UDashboardPanelContent>
</UDashboardPanel>
</UDashboardPage>
</UDashboardLayout>
</template>
<template>
<UDashboardLayout>
<UDashboardPanel :width="300" :resizable="{ min: 200, max: 600 }">
<UDashboardNavbar>
<template #center>
<h1 class="font-semibold text-xl text-center text-green-600 dark:text-green-400">
Project Controls Reporting
</h1>
</template>
</UDashboardNavbar>
<UDashboardSidebar>
<UDashboardSidebarLinks :level="2" :links="links" />
<template #footer>
<UButton block color="red" icon="i-heroicons-arrow-left-start-on-rectangle" v-if="user" @click="logout">Logout</UButton>
</template>
</UDashboardSidebar>
</UDashboardPanel>
<UDashboardPage>
<UDashboardPanel grow>
<UDashboardNavbar>
<template #left>
<UDashboardSearch />
</template>
<template #right>
<ClientOnly>
<UColorModeSelect />
</ClientOnly>
</template>
</UDashboardNavbar>
<UDashboardPanelContent class="w-full mx-auto">
<slot />
</UDashboardPanelContent>
</UDashboardPanel>
</UDashboardPage>
</UDashboardLayout>
</template>
0 Replies