diff --git a/src/components/Elements/MainModal/scss/settings/modules/tabs/_order.scss b/src/components/Elements/MainModal/scss/settings/modules/tabs/_order.scss index b4c5c147..b912ff01 100644 --- a/src/components/Elements/MainModal/scss/settings/modules/tabs/_order.scss +++ b/src/components/Elements/MainModal/scss/settings/modules/tabs/_order.scss @@ -117,6 +117,7 @@ overflow: hidden; transition: all 0.3s ease; box-shadow: t($boxShadow); + cursor: pointer; &.selected { outline: 3px solid #ff5c25; diff --git a/src/features/background/api/backgroundLoader.js b/src/features/background/api/backgroundLoader.js index 0f3806df..bcd217c1 100644 --- a/src/features/background/api/backgroundLoader.js +++ b/src/features/background/api/backgroundLoader.js @@ -193,7 +193,9 @@ async function getCustomBackground(isOffline) { const url = selected.url || selected; - if (isOffline && !url.startsWith('data:')) return getOfflineImage('custom'); + if (isOffline && !url.startsWith('data:')) { + return getOfflineImage('custom'); + } const data = { url, diff --git a/src/features/background/options/Custom.jsx b/src/features/background/options/Custom.jsx index 3af6202b..0464775a 100644 --- a/src/features/background/options/Custom.jsx +++ b/src/features/background/options/Custom.jsx @@ -267,7 +267,9 @@ const CustomSettings = memo(() => { }, []); const handleBatchDelete = async () => { - if (selectedImages.size === 0) return; + if (selectedImages.size === 0) { + return; + } try { const indices = Array.from(selectedImages).sort((a, b) => b - a); @@ -357,9 +359,12 @@ const CustomSettings = memo(() => { } try { - localStorage.setItem('customBackground', JSON.stringify(backgrounds.map((bg) => bg.url))); + localStorage.setItem( + 'customBackground', + JSON.stringify(updatedBackgrounds.map((bg) => bg.url)), + ); } catch (_quotaError) { - localStorage.setItem('customBackgroundCount', backgrounds.length.toString()); + localStorage.setItem('customBackgroundCount', updatedBackgrounds.length.toString()); } EventBus.emit('refresh', 'background'); @@ -445,7 +450,9 @@ const CustomSettings = memo(() => { const files = Array.from(e.dataTransfer.files); - if (files.length === 0) return; + if (files.length === 0) { + return; + } if (files.length > 1) { // Multiple files - show tagging modal @@ -476,9 +483,12 @@ const CustomSettings = memo(() => { if (isLoading) { return ( -
-
- {variables.getMessage('modals.main.loading')} +
+
+
+
+ {variables.getMessage('modals.main.loading')} +
); } @@ -664,7 +674,16 @@ const CustomSettings = memo(() => { const isVideo = bg && videoCheck(bg.url); return ( -
+
{ + // Only select if clicking the card itself, not navigation buttons + if (!e.target.closest('.image-nav-buttons')) { + toggleImageSelection(originalIndex); + } + }} + >