adrema/resources/js/components/ui/Sidebar.vue

22 lines
693 B
Vue
Raw Permalink Normal View History

2023-10-13 13:07:16 +02:00
<template>
2023-10-18 01:11:36 +02:00
<div
class="fixed w-full w-[80vw] max-w-[40rem] shadow-2xl bg-gray-600 right-0 top-0 h-full flex flex-col group is-bright">
2023-10-13 13:07:16 +02:00
<suspense>
<slot></slot>
<template #fallback>
<div class="flex flex-col h-full">
<page-header title="Lade …" @close="$emit('close')"> </page-header>
<div class="grow flex items-center justify-center">
<ui-spinner class="border-primary-400 w-32 h-32"></ui-spinner>
</div>
</div>
</template>
</suspense>
</div>
</template>
<script setup>
defineEmits(['close']);
</script>