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:e32cc36f3396d2f90448742fccb33854460a893c
Branches Tags
Ryan:main
...
compare: Ryan:a14d1b7081cf2e6aa5174e3cfd7b7fe6904ab7bf
Branches Tags
Ryan:main

2 Commits
e32cc36f33 ... a14d1b7081

Author SHA1 Message Date
DecDuck
a14d1b7081 fix: types 2025-04-26 22:35:08 +10:00
DecDuck
26698e5b06 fix: rounding issue on modal template 2025-04-26 22:34:26 +10:00
1 changed files with 3 additions and 3 deletions
Expand all files Collapse all files

6
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', props.sizeClass ?? 'sm:max-w-lg']" :class="['overflow-hidden 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 />
@ -55,7 +55,7 @@ import {
TransitionRoot, TransitionRoot,
} from "@headlessui/vue"; } from "@headlessui/vue";
const open = defineModel<boolean>(); const open: Ref<boolean> = defineModel<boolean>() as any;
const props = defineProps<{sizeClass?: string}>(); const props = defineProps<{sizeClass?: string}>();
function close() { function close() {