Add timed message modal component

This commit is contained in:
2025-03-02 12:48:11 -05:00
parent 6f3fe1798b
commit 3d06d8189d
5 changed files with 103 additions and 7 deletions

View File

@@ -8,6 +8,7 @@ export default function Modal(props: ModalProps){
display,
backgroundType = "blur",
backgroundClassName,
top = false,
close,
className,
children
@@ -34,7 +35,11 @@ export default function Modal(props: ModalProps){
<div
{...divProps}
className={clsx(
"fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 max-w-(--breakpoint-sm) z-50",
"fixed left-1/2 -translate-x-1/2 max-w-(--breakpoint-sm) z-50",
{
"top-1/2 -translate-y-1/2": !top,
"top-0": top
},
"flex flex-col rounded-lg max-h-full shadow-lg shadow-[#00000066]",
className
)}