lucasw89/bentopdf
1
0 Fork 0
mirror of https://github.com/alam00000/bentopdf.git synced 2026-11-08 16:57:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): adjust max-width for signature editor

Browse Source
This commit is contained in:
alam00000 committed 2026-05-09 13:04:10 +05:30
1 parent f5d4bde317
commit 3362b63350
3 files changed
+31 -23
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/js/utils/full-width.ts
+27 -21
View File
@@ -2,33 +2,39 @@
// This script applies the full-width preference from localStorage to page uploaders
export function initFullWidthMode() {
const savedFullWidth = localStorage.getItem('fullWidthMode') !== 'false';
const savedFullWidth = localStorage.getItem('fullWidthMode') !== 'false';
if (savedFullWidth) {
applyFullWidthMode(true);
}
if (savedFullWidth) {
applyFullWidthMode(true);
}
}
export function applyFullWidthMode(enabled: boolean) {
// Apply to all page uploaders
const pageUploaders = document.querySelectorAll('#tool-uploader');
pageUploaders.forEach((uploader) => {
if (enabled) {
uploader.classList.remove('max-w-2xl', 'max-w-4xl', 'max-w-5xl');
} else {
// Restore original max-width if not already present
if (!uploader.classList.contains('max-w-2xl') && !uploader.classList.contains('max-w-4xl') && !uploader.classList.contains('max-w-5xl')) {
uploader.classList.add('max-w-2xl');
}
}
});
// Apply to all page uploaders
const pageUploaders = document.querySelectorAll(
'#tool-uploader, #signature-editor'
);
pageUploaders.forEach((uploader) => {
if (enabled) {
uploader.classList.remove('max-w-2xl', 'max-w-4xl', 'max-w-5xl');
} else {
// Restore original max-width if not already present
if (
!uploader.classList.contains('max-w-2xl') &&
!uploader.classList.contains('max-w-4xl') &&
!uploader.classList.contains('max-w-5xl')
) {
uploader.classList.add('max-w-2xl');
}
}
});
}
// Auto-initialize on DOM load
if (typeof document !== 'undefined') {
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initFullWidthMode);
} else {
initFullWidthMode();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initFullWidthMode);
} else {
initFullWidthMode();
}
}