mirror of
https://github.com/versia-pub/frontend.git
synced 2025-12-06 16:38:20 +01:00
38 lines
1.8 KiB
Vue
38 lines
1.8 KiB
Vue
<template>
|
|
<HeadlessTransitionRoot as="template" :show="open">
|
|
<HeadlessDialog as="div" class="relative z-50" @close="emits('close')">
|
|
<HeadlessTransitionChild as="template" enter="ease-out duration-300" enter-from="opacity-0"
|
|
enter-to="opacity-100" leave="ease-in duration-200" leave-from="opacity-100" leave-to="opacity-0">
|
|
<div class="fixed inset-0 bg-black/70 transition-opacity" />
|
|
</HeadlessTransitionChild>
|
|
|
|
<div class="fixed inset-0 z-10 w-screen overflow-y-auto">
|
|
<div class="flex min-h-full items-start justify-center p-4 text-center sm:items-center sm:p-0">
|
|
<HeadlessTransitionChild as="template" enter="ease-out duration-300"
|
|
enter-from="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
|
|
enter-to="opacity-100 translate-y-0 sm:scale-100" leave="ease-in duration-200"
|
|
leave-from="opacity-100 translate-y-0 sm:scale-100"
|
|
leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95">
|
|
<HeadlessDialogPanel
|
|
class="relative transform overflow-hidden rounded-lg bg-dark-700 ring-1 ring-white/10 text-left shadow-xl transition-all sm:my-8 w-full max-w-xl">
|
|
<Composer v-if="instance" :instance="instance" @send="emits('close')" />
|
|
</HeadlessDialogPanel>
|
|
</HeadlessTransitionChild>
|
|
</div>
|
|
</div>
|
|
</HeadlessDialog>
|
|
</HeadlessTransitionRoot>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const props = defineProps<{
|
|
open: boolean;
|
|
}>();
|
|
|
|
const client = useMegalodon();
|
|
const instance = useInstance(client);
|
|
|
|
const emits = defineEmits<{
|
|
close: [];
|
|
}>();
|
|
</script> |