package list from viandwi24
This commit is contained in:
32
layouts/dashboard.vue
Normal file
32
layouts/dashboard.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<template>
|
||||
<div>
|
||||
<slot name="app-before" />
|
||||
<div id="app-before"></div>
|
||||
<div class="flex flex-col min-h-screen">
|
||||
<slot name="header">
|
||||
<DashboardNavbar>
|
||||
<template #drawer>
|
||||
<DashboardSidebar mode="mobile" />
|
||||
</template>
|
||||
</DashboardNavbar>
|
||||
</slot>
|
||||
<div class="flex-1 w-full flex flex-col">
|
||||
<div
|
||||
class="relative flex-1 flex flex-row mx-auto max-w-8xl w-full h-full"
|
||||
>
|
||||
<div class="lg:pl-8 py-4">
|
||||
<DashboardSidebar />
|
||||
</div>
|
||||
<div class="flex flex-col lg:ml-60 xl:ml-80">
|
||||
<slot />
|
||||
<slot name="footer">
|
||||
<PageFooter />
|
||||
</slot>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<slot name="app-after" />
|
||||
<div id="app-after"></div>
|
||||
</div>
|
||||
</template>
|
||||
23
layouts/page.vue
Normal file
23
layouts/page.vue
Normal file
@@ -0,0 +1,23 @@
|
||||
<template>
|
||||
<div>
|
||||
<slot name="app-before" />
|
||||
<div id="app-before"></div>
|
||||
<div class="flex flex-col min-h-screen">
|
||||
<slot name="header">
|
||||
<PageNavbar />
|
||||
</slot>
|
||||
<div class="flex-1 w-full flex flex-col">
|
||||
<div
|
||||
class="relative flex-1 flex flex-col mx-auto max-w-8xl w-full h-full"
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
<slot name="footer">
|
||||
<PageFooter />
|
||||
</slot>
|
||||
</div>
|
||||
<slot name="app-after" />
|
||||
<div id="app-after"></div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user