27 lines
1021 B
Vue
27 lines
1021 B
Vue
<script setup>
|
|
import HeaderComponent from "../components/HeaderComponent.vue";
|
|
import SidebarComponent from "../components/SidebarComponent.vue";
|
|
import DialogsProvider from "./DialogsProvider.vue";
|
|
</script>
|
|
|
|
<template>
|
|
<div class="">
|
|
<Toast />
|
|
<header-component></header-component>
|
|
<section class="grid grid-cols-1 sm:grid-cols-[16rem_1fr]">
|
|
<sidebar-component></sidebar-component>
|
|
<main class="overflow-hidden min-h-[calc(100svh-4rem)] p-4 pt-0 grid grid-cols-1">
|
|
<section class="rounded-2xl content-start pt-4 grid grid-cols-1">
|
|
<div v-if="$page.props.flash.success" class="w-full mb-4">
|
|
<Message size="small" closable class="!text-xs py-1.5" severity="success">{{$page.props.flash.success}}</Message>
|
|
</div>
|
|
<slot></slot>
|
|
</section>
|
|
</main>
|
|
|
|
<dialogs-provider></dialogs-provider>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|