use header component

This commit is contained in:
2025-12-22 21:15:37 +00:00
parent be647b36a4
commit b2b27e06fe
6 changed files with 10 additions and 15 deletions

View File

@@ -25,6 +25,7 @@ const nav : NavigationMenuItem[][] = [[
<template> <template>
<UDashboardGroup> <UDashboardGroup>
<DashboardSidebar collapsible resizable :items="nav"/> <DashboardSidebar collapsible resizable :items="nav"/>
<UDashboardSidebarCollapse /> <UDashboardSidebarCollapse />
<UContainer class="overflow-auto"> <UContainer class="overflow-auto">

View File

@@ -122,11 +122,8 @@ import { h } from 'vue'
</script> </script>
<template> <template>
<UHeader title="Dashboard" toggle-side="left" > <DashboardHeader title="Dashboard"/>
<template #toggle>
<UDashboardSidebarToggle />
</template>
</UHeader>
<div class="mt-3 mb-3 flex flex-col w-full relative z-0"> <div class="mt-3 mb-3 flex flex-col w-full relative z-0">
<ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2> <ProseH2 class="text-center m-0.5 w-full">Hey there, user!</ProseH2>
<ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP> <ProseP class="text-center text-muted m-0.5">Welcome to the UI!</ProseP>

View File

@@ -22,12 +22,8 @@
</script> </script>
<template> <template>
<UHeader toggle-side="left" class="justify-center text-center" title="Settings"> <DashboardHeader title="Settings" />
<template #toggle>
<UDashboardSidebarToggle />
<!-- <UDashboardSidebarCollapse /> -->
</template>
</UHeader>
<UNavigationMenu :items="settings_submenu" /> <UNavigationMenu :items="settings_submenu" />

View File

@@ -5,7 +5,7 @@ definePageMeta({
</script> </script>
<template> <template>
<DashboardHeader title="Profile" />
</template> </template>
<style scoped> <style scoped>

View File

@@ -5,6 +5,7 @@ definePageMeta({
</script> </script>
<template> <template>
<DashboardHeader title="Security" />
</template> </template>

View File

@@ -5,7 +5,7 @@ definePageMeta({
</script> </script>
<template> <template>
<DashboardHeader title="Customization" />
</template> </template>
<style scoped> <style scoped>