Add modalClass option to ModalOptions

maxfriedmann · maxfriedmann · commit fcc73c557767 · 2025-02-04T07:43:44.000+01:00
diff --git a/src/lib/modules/modals/ModalContainer.svelte b/src/lib/modules/modals/ModalContainer.svelte
@@ -60,7 +60,7 @@
 </script>
 
 <dialog class="modal modal-bottom sm:modal-middle" use:setDialog>
-	<div class="modal-box">
+	<div class="modal-box {currentModal?.options?.modalClass || ''}">
 		<div class="sui-dialog">
 			{#if previousModal || currentModal?.options?.title}
 				<div class="sui-dialog-title flex flex-row gap-2 place-items-center">
diff --git a/src/lib/modules/modals/modal.service.svelte.ts b/src/lib/modules/modals/modal.service.svelte.ts
@@ -39,6 +39,7 @@ export interface ModalOptions<RETURN_TYPE = any> {
 	/** if set, the given prop will automatically passed to the component as the closing function */
 	closingPropName?: string;
 	buttons?: ModalButton[];
+	modalClass?: string;
 }
 
 export interface ModalComponent {

Original file line number	Diff line number	Diff line change
`@@ -39,6 +39,7 @@ export interface ModalOptions<RETURN_TYPE = any> {`
`39`	`39`	`/** if set, the given prop will automatically passed to the component as the closing function */`
`40`	`40`	`closingPropName?: string;`
`41`	`41`	`buttons?: ModalButton[];`
	`42`	`+ modalClass?: string;`
`42`	`43`	`}`
`43`	`44`
`44`	`45`	`export interface ModalComponent {`