use header component
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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" />
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ definePageMeta({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<DashboardHeader title="Profile" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -5,6 +5,7 @@ definePageMeta({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<DashboardHeader title="Security" />
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -5,7 +5,7 @@ definePageMeta({
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
<DashboardHeader title="Customization" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
Reference in New Issue
Block a user