--- // Port of preview/pages/modals.html. // Every modal is rendered inline (`{% include "ui/modal.html" ... inline show %}`) // via ModalInline (renders in place, unlike Modal.astro which drains to ). import DefaultLayout from '@shared/layouts/DefaultLayout.astro'; import ModalInline from '@shared/components/modals/ModalInline.astro'; import SimpleModalContent from '@shared/components/modals/SimpleModalContent.astro'; import LargeModalContent from '@shared/components/modals/LargeModalContent.astro'; import SmallModalContent from '@shared/components/modals/SmallModalContent.astro'; import FullWidthModalContent from '@shared/components/modals/FullWidthModalContent.astro'; import ScrollableModalContent from '@shared/components/modals/ScrollableModalContent.astro'; import ReportModalContent from '@shared/components/modals/ReportModalContent.astro'; import SuccessModalContent from '@shared/components/modals/SuccessModalContent.astro'; import DangerModalContent from '@shared/components/modals/DangerModalContent.astro'; import TeamModalContent from '@shared/components/modals/TeamModalContent.astro'; import SignatureModalContent from '@shared/components/modals/SignatureModalContent.astro'; import NewEmailModalContent from '@shared/components/modals/NewEmailModalContent.astro'; import NewEventModalContent from '@shared/components/modals/NewEventModalContent.astro'; import NewTaskModalContent from '@shared/components/modals/NewTaskModalContent.astro'; import EditProfileModalContent from '@shared/components/modals/EditProfileModalContent.astro'; import ConfirmDeleteModalContent from '@shared/components/modals/ConfirmDeleteModalContent.astro'; import ChangePasswordModalContent from '@shared/components/modals/ChangePasswordModalContent.astro'; import AddTaskModalContent from '@shared/components/modals/AddTaskModalContent.astro'; const cardClass = 'position-relative rounded d-block bg-surface-backdrop py-6 w-auto h-auto z-0'; // add-task bakes `show` into the class string (no `show` flag) → aria-hidden="true". const addTaskClass = 'position-relative rounded d-block show bg-surface-backdrop py-6 w-auto h-auto z-0'; ---

Simple modal Large modal Small modal Full width modal Scrollable modal Modal with form Success modal Danger modal Modal with simple form Modal with signature form New email modal New event modal New task modal Edit profile modal Confirm delete modal Change password modal

Simple modal

Large modal

Small modal

Full width modal

Scrollable modal

Modal with form

Success modal

Danger modal

Modal with simple form

Modal with signature form

New email modal

New event modal

New task modal

Edit profile modal

Confirm delete modal

Change password modal

Add task modal