mirror of https://github.com/wg-easy/wg-easy
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.0 KiB
31 lines
1.0 KiB
<template>
|
|
<DialogRoot :modal="true">
|
|
<DialogTrigger :class="triggerClass"><slot name="trigger" /></DialogTrigger>
|
|
<DialogPortal>
|
|
<DialogOverlay
|
|
class="fixed inset-0 z-30 bg-gray-500 opacity-75 dark:bg-black dark:opacity-50"
|
|
/>
|
|
<DialogContent
|
|
class="fixed left-1/2 top-1/2 z-[100] max-h-[85vh] w-[90vw] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-md p-6 shadow-2xl focus:outline-none dark:bg-neutral-700"
|
|
>
|
|
<DialogTitle
|
|
class="m-0 text-lg font-semibold text-gray-900 dark:text-neutral-200"
|
|
>
|
|
<slot name="title" />
|
|
</DialogTitle>
|
|
<DialogDescription
|
|
class="mb-5 mt-2 text-sm leading-normal text-gray-500 dark:text-neutral-300"
|
|
>
|
|
<slot name="description" />
|
|
</DialogDescription>
|
|
<div class="mt-6 flex justify-end gap-2">
|
|
<slot name="actions" />
|
|
</div>
|
|
</DialogContent>
|
|
</DialogPortal>
|
|
</DialogRoot>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
defineProps<{ triggerClass?: string }>();
|
|
</script>
|
|
|