Rebuild General Layout to Nuxt UI PRO Dashboard

spaces/pages/calendar/[mode].vue

@@ -287,19 +287,28 @@ const calendarOptionsTimeline = reactive({
 
   </UModal>
 
-  <div v-if="mode === 'grid'">
-    <FullCalendar
-        :options="calendarOptionsGrid"
-    />
-  </div>
-  <div v-else-if="mode === 'timeline'">
-    <FullCalendar
-        :options="calendarOptionsTimeline"
-    />
-  </div>
+  <UDashboardPage>
+    <UDashboardPanel grow>
+      <UDashboardNavbar :title="currentItem ? currentItem.name : ''">
+        <template #right>
+
+        </template>
+      </UDashboardNavbar>
 
 
+      <div v-if="mode === 'grid'" class="p-5">
+        <FullCalendar
+            :options="calendarOptionsGrid"
+        />
+      </div>
+      <div v-else-if="mode === 'timeline'" class="p-5">
+        <FullCalendar
+            :options="calendarOptionsTimeline"
+        />
+      </div>
 
+    </UDashboardPanel>
+  </UDashboardPage>
 </template>
 
 <style scoped>