pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-23 15:11:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix Uppy modal display issues

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 17:07:55 +00:00
parent be42c019c9
commit 343d9c934c
2 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/upload/UppyPhotoUpload.tsx
View File

@@ -89,6 +89,9 @@ export function UppyPhotoUpload({
note: `Images up to ${maxSizeMB}MB, max ${maxFiles} files`, note: `Images up to ${maxSizeMB}MB, max ${maxFiles} files`,
theme: 'auto', theme: 'auto',
closeAfterFinish: true, closeAfterFinish: true,
closeModalOnClickOutside: true,
disablePageScrollWhenModalOpen: true,
animateOpenClose: true,
}); });
// Add Image Editor plugin // Add Image Editor plugin

28
src/index.css
View File

@@ -185,11 +185,22 @@ All colors MUST be HSL.
/* Modal overlay styling */ /* Modal overlay styling */
.uppy-Dashboard--modal { .uppy-Dashboard--modal {
z-index: 9999; z-index: 9999 !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100vw !important;
height: 100vh !important;
} }
.uppy-Dashboard--modal .uppy-Dashboard-overlay { .uppy-Dashboard--modal .uppy-Dashboard-overlay {
@apply bg-background/80 backdrop-blur-sm; @apply bg-background/80 backdrop-blur-sm;
z-index: 9998 !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
} }
.uppy-Dashboard--modal .uppy-Dashboard-inner { .uppy-Dashboard--modal .uppy-Dashboard-inner {
@@ -197,6 +208,21 @@ All colors MUST be HSL.
box-shadow: var(--shadow-intense); box-shadow: var(--shadow-intense);
max-width: 90vw; max-width: 90vw;
max-height: 90vh; max-height: 90vh;
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 10000 !important;
}
/* Ensure all uppy content stays contained */
.uppy-Dashboard--modal * {
position: relative !important;
}
.uppy-Dashboard--modal .uppy-Dashboard-AddFiles,
.uppy-Dashboard--modal .uppy-Dashboard-dropFilesHereHint {
position: static !important;
} }
/* Status bar customization */ /* Status bar customization */