root/spritesheet-generator
2
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FEAT] Modal sizing bug fix

Browse Source
This commit is contained in:
root
2026-01-02 20:30:05 +01:00
parent 62aac7291e
commit cabc1f747f
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/utilities/Modal.vue
View File

@@ -10,7 +10,7 @@
width: isFullScreen ? '100%' : `${size.width}px`, width: isFullScreen ? '100%' : `${size.width}px`,
height: isFullScreen ? '100%' : `${size.height}px`, height: isFullScreen ? '100%' : `${size.height}px`,
}" }"
class="bg-white dark:bg-gray-800 rounded-2xl border border-gray-200 dark:border-gray-700 shadow-2xl flex flex-col fixed z-50 transition-colors duration-300" class="bg-white dark:bg-gray-800 rounded-2xl border border-gray-200 dark:border-gray-700 shadow-2xl flex flex-col fixed z-50 transition-colors duration-300 max-w-full max-h-full"
:class="{ 'rounded-none border-0': isFullScreen, 'select-none': isDragging }" :class="{ 'rounded-none border-0': isFullScreen, 'select-none': isDragging }"
> >
<!-- Header with drag handle --> <!-- Header with drag handle -->
@@ -197,9 +197,12 @@
const centerModal = () => { const centerModal = () => {
if (!modalRef.value) return; if (!modalRef.value) return;
const effectiveWidth = Math.min(size.value.width, window.innerWidth);
const effectiveHeight = Math.min(size.value.height, window.innerHeight);
position.value = { position.value = {
x: (window.innerWidth - size.value.width) / 2, x: Math.max(0, (window.innerWidth - effectiveWidth) / 2),
y: (window.innerHeight - size.value.height) / 2, y: Math.max(0, (window.innerHeight - effectiveHeight) / 2),
}; };
}; };