Ryan/drop-base
1
0
Fork 0
mirror of https://github.com/Drop-OSS/drop-base.git synced 2025-11-09 20:12:16 +10:00
Code Issues Packages Projects Releases Wiki Activity

Compare commits

base: Ryan:637b4e1e9b943605e9f25234dd1f879d5a58b493
Branches Tags
Ryan:main
...
compare: Ryan:e32cc36f3396d2f90448742fccb33854460a893c
Branches Tags
Ryan:main

2 Commits
637b4e1e9b ... e32cc36f33

Author SHA1 Message Date
DecDuck
e32cc36f33 fix: fix types 2025-04-05 09:40:25 +11:00
DecDuck
ce59647cda feat: custom sizing for modal 2025-03-11 12:15:47 +11:00
1 changed files with 3 additions and 2 deletions
Expand all files Collapse all files

5
components/ModalTemplate.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<TransitionRoot as="template" :show="open"> <TransitionRoot as="template" :show="!!open">
<Dialog class="relative z-50" @close="open = false"> <Dialog class="relative z-50" @close="open = false">
<TransitionChild <TransitionChild
as="template" as="template"
@ -29,7 +29,7 @@
leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
> >
<div <div
class="relative transform rounded-lg bg-zinc-900 text-left shadow-xl transition-all sm:my-8 sm:w-full sm:max-w-lg" :class="['relative transform rounded-lg bg-zinc-900 text-left shadow-xl transition-all sm:my-8 sm:w-full', props.sizeClass ?? 'sm:max-w-lg']"
> >
<div class="px-4 pb-4 pt-5 space-y-4 sm:p-6 sm:pb-4"> <div class="px-4 pb-4 pt-5 space-y-4 sm:p-6 sm:pb-4">
<slot /> <slot />
@ -56,6 +56,7 @@ import {
} from "@headlessui/vue"; } from "@headlessui/vue";
const open = defineModel<boolean>(); const open = defineModel<boolean>();
const props = defineProps<{sizeClass?: string}>();
function close() { function close() {
open.value = false; open.value = false;