File tree Expand file tree Collapse file tree 8 files changed +31
-33
lines changed Expand file tree Collapse file tree 8 files changed +31
-33
lines changed Original file line number Diff line number Diff line change @@ -56,7 +56,7 @@ const exampleNestedMenuItems = ref([
56
56
icon: ' pi pi-cloud-upload' ,
57
57
command : () => {
58
58
alert (' Example using programmatic functionality' );
59
- }
59
+ },
60
60
},
61
61
{
62
62
label: ' Download' ,
@@ -72,26 +72,20 @@ const exampleNestedMenuItems = ref([
72
72
</script >
73
73
74
74
<template >
75
- <Drawer
76
- v-model:visible =" visible"
77
- position =" left"
78
- :autoZIndex =" false"
79
- >
80
- <div >
81
- <div class =" mb-5" >
82
- <p class =" text-muted-color font-bold uppercase text-sm mb-2" >
83
- Home
84
- </p >
75
+ <Drawer v-model:visible =" visible" position =" left" :autoZIndex =" false" >
76
+ <div class =" space-y-5" >
77
+ <div class =" space-y-2" >
78
+ <p class =" text-muted-color font-bold uppercase text-sm" >Home</p >
85
79
<LinksPanelMenu :model =" homeMenuItems" class =" w-full" />
86
80
</div >
87
- <div class =" mb-5 " >
88
- <p class =" text-muted-color font-bold uppercase text-sm mb-2 " >
81
+ <div class =" space-y-2 " >
82
+ <p class =" text-muted-color font-bold uppercase text-sm" >
89
83
Analytics
90
84
</p >
91
85
<LinksPanelMenu :model =" analyticsMenuItems" class =" w-full" />
92
86
</div >
93
- <div class =" mb-5 " >
94
- <p class =" text-muted-color font-bold uppercase text-sm mb-2 " >
87
+ <div class =" space-y-2 " >
88
+ <p class =" text-muted-color font-bold uppercase text-sm" >
95
89
Example Nested
96
90
</p >
97
91
<LinksPanelMenu
Original file line number Diff line number Diff line change @@ -67,21 +67,19 @@ const exampleNestedMenuItems = [
67
67
</script >
68
68
69
69
<template >
70
- <div class =" h-full" >
71
- <div class =" mb-5" >
72
- <p class =" text-muted-color font-bold uppercase text-sm mb-2" >
73
- Home
74
- </p >
70
+ <div class =" h-full space-y-5" >
71
+ <div class =" space-y-2" >
72
+ <p class =" text-muted-color font-bold uppercase text-sm" >Home</p >
75
73
<LinksPanelMenu :model =" homeMenuItems" class =" w-full" />
76
74
</div >
77
- <div class =" mb-5 " >
78
- <p class =" text-muted-color font-bold uppercase text-sm mb-2 " >
75
+ <div class =" space-y-2 " >
76
+ <p class =" text-muted-color font-bold uppercase text-sm" >
79
77
Analytics
80
78
</p >
81
79
<LinksPanelMenu :model =" analyticsMenuItems" class =" w-full" />
82
80
</div >
83
- <div class =" mb-5 " >
84
- <p class =" text-muted-color font-bold uppercase text-sm mb-2 " >
81
+ <div class =" space-y-2 " >
82
+ <p class =" text-muted-color font-bold uppercase text-sm" >
85
83
Example Nested
86
84
</p >
87
85
<LinksPanelMenu :model =" exampleNestedMenuItems" class =" w-full" />
Original file line number Diff line number Diff line change @@ -71,8 +71,8 @@ const toggleUserMenu = (event) => {
71
71
<div class =" flex items-center space-x-3" >
72
72
<div >
73
73
<ToggleDarkModeButton
74
- text
75
74
severity =" secondary"
75
+ text
76
76
rounded
77
77
/>
78
78
</div >
Original file line number Diff line number Diff line change @@ -111,8 +111,8 @@ watchEffect(() => {
111
111
>
112
112
<div >
113
113
<ToggleDarkModeButton
114
- text
115
114
severity =" secondary"
115
+ text
116
116
rounded
117
117
/>
118
118
</div >
@@ -168,13 +168,17 @@ watchEffect(() => {
168
168
<!-- Mobile drawer menu -->
169
169
<Drawer v-model:visible =" mobileMenuOpen" position =" right" >
170
170
<template #header >
171
- <ToggleDarkModeButton text severity =" secondary" rounded />
171
+ <ToggleDarkModeButton
172
+ severity =" secondary"
173
+ text
174
+ rounded
175
+ />
172
176
</template >
173
177
<div >
174
- <div >
175
- <div class =" mb-5 " >
178
+ <div class = " space-y-5 " >
179
+ <div class =" space-y-2 " >
176
180
<p
177
- class =" text-muted-color font-bold uppercase text-sm mb-2 "
181
+ class =" text-muted-color font-bold uppercase text-sm"
178
182
>
179
183
Home
180
184
</p >
Original file line number Diff line number Diff line change @@ -24,7 +24,7 @@ const breadcrumbs = [
24
24
<template >
25
25
<Head :title =" pageTitle" />
26
26
27
- <AdminAuthenticatedLayout
27
+ <AuthenticatedAdminLayout
28
28
:page-title =" pageTitle"
29
29
:breadcrumbs =" breadcrumbs"
30
30
>
@@ -96,5 +96,5 @@ const breadcrumbs = [
96
96
</Card >
97
97
</div >
98
98
</Container >
99
- </AdminAuthenticatedLayout >
99
+ </AuthenticatedAdminLayout >
100
100
</template >
Original file line number Diff line number Diff line change @@ -28,6 +28,7 @@ function focusPasswordInput() {
28
28
<Dialog
29
29
v-model:visible =" modalOpen"
30
30
:draggable =" false"
31
+ :dismissableMask =" true"
31
32
position =" center"
32
33
modal
33
34
header =" Are you sure you want to delete your account?"
Original file line number Diff line number Diff line change @@ -87,12 +87,12 @@ const {
87
87
/>
88
88
<DataTable
89
89
ref =" dataTable"
90
+ v-model:filters =" filters"
90
91
lazy
91
92
paginator
92
93
removableSort
93
94
resizableColumns
94
95
columnResizeMode =" fit"
95
- v-model:filters =" filters"
96
96
:loading =" processing"
97
97
:value =" users.data"
98
98
:totalRecords =" users.total"
Original file line number Diff line number Diff line change @@ -28,6 +28,7 @@ function focusPasswordInput() {
28
28
<Dialog
29
29
v-model:visible =" modalOpen"
30
30
:draggable =" false"
31
+ :dismissableMask =" true"
31
32
position =" center"
32
33
modal
33
34
header =" Are you sure you want to delete your account?"
You can’t perform that action at this time.
0 commit comments