charlestehio/memefast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
ct
2025-05-28 22:25:29 +08:00
parent 10832c48c7
commit e0a6adf1bf
3 changed files with 82 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
resources/js/modules/editor/partials/editor-canvas.tsx
View File

@@ -5,19 +5,28 @@ const calculateResponsiveScale = (maxWidth) => {
const viewportWidth = window.innerWidth;
// Very aggressive padding reduction for small screens
let padding;
if (viewportWidth < 320) {
padding = 0; // Almost no padding on very small screens
} else if (viewportWidth < 400) {
padding = 0; // Minimal padding on small screens
} else {
padding = 0; // Normal padding on larger screens
let padding = 0;
if (viewportWidth >= 340 && viewportWidth < 389) {
padding = 110;
}
else if (viewportWidth >= 390 && viewportWidth < 409) {
padding = 60;
}
else if (viewportWidth >= 410 && viewportWidth < 767) {
padding = 40;
}
else if (viewportWidth >= 768) {
padding = 0;
}
const availableWidth = viewportWidth - padding;
const constrainedWidth = Math.min(availableWidth, maxWidth);
const newScale = constrainedWidth / 720;
// Just cap at 100%, no minimum to avoid clipping
return Math.min(newScale, 1);
};