diff --git a/src/app.css b/src/app.css index 4e47f90..26afe46 100644 --- a/src/app.css +++ b/src/app.css @@ -343,6 +343,16 @@ overscroll-behavior: contain; } + /* Large modal variant for file previews */ + .modal-large .modal-box { + @apply max-w-[90vw] max-h-[90vh] p-4; + } + + /* Extra large modal for maximum viewing space */ + .modal-xlarge .modal-box { + @apply max-w-[95vw] max-h-[95vh] p-2; + } + .modal-top { @apply place-items-start; diff --git a/src/lib/components/ui/file-preview/audio-preview.svelte b/src/lib/components/ui/file-preview/audio-preview.svelte new file mode 100644 index 0000000..3d6d4dc --- /dev/null +++ b/src/lib/components/ui/file-preview/audio-preview.svelte @@ -0,0 +1,512 @@ + + +