From f33ff582fdbc962a7fa9e9b8337a1f8118cb4d20 Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Sun, 9 Mar 2025 23:55:02 -0700
Subject: [PATCH] Fix: fix incorrect backdrop-blur automatic change

---
 src/components/bookmarks/item.jsx           | 3 +--
 src/components/services/item.jsx            | 3 +--
 src/components/widgets/widget/container.jsx | 2 +-
 src/pages/index.jsx                         | 6 +++---
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/bookmarks/item.jsx b/src/components/bookmarks/item.jsx
index 55c0d7ce..dd18bb71 100644
--- a/src/components/bookmarks/item.jsx
+++ b/src/components/bookmarks/item.jsx
@@ -20,8 +20,7 @@ export default function Item({ bookmark, iconOnly = false }) {
         rel="noreferrer"
         target={bookmark.target ?? settings.target ?? "_blank"}
         className={classNames(
-          settings.cardBlur !== undefined &&
-            `backdrop-blur-sm${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
+          settings.cardBlur !== undefined && `backdrop-blur${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
           "text-left cursor-pointer transition-all rounded-md font-medium text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/20 bg-theme-100/20 hover:bg-theme-300/20 dark:bg-white/5 dark:hover:bg-white/10",
           iconOnly ? "h-[60px] w-[60px] grid" : "block w-full h-8 mb-3",
         )}
diff --git a/src/components/services/item.jsx b/src/components/services/item.jsx
index e1712d0b..72b0fd50 100644
--- a/src/components/services/item.jsx
+++ b/src/components/services/item.jsx
@@ -34,8 +34,7 @@ export default function Item({ service, groupName, useEqualHeights }) {
     <li key={service.name} id={service.id} className="service" data-name={service.name || ""}>
       <div
         className={classNames(
-          settings.cardBlur !== undefined &&
-            `backdrop-blur-sm${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
+          settings.cardBlur !== undefined && `backdrop-blur${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
           useEqualHeights && "h-[calc(100%-0.5rem)]",
           "transition-all mb-2 p-1 rounded-md font-medium text-theme-700 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900/20 bg-theme-100/20 hover:bg-theme-300/20 dark:bg-white/5 dark:hover:bg-white/10 relative overflow-clip service-card",
         )}
diff --git a/src/components/widgets/widget/container.jsx b/src/components/widgets/widget/container.jsx
index edaaa1b6..ae06d8ba 100644
--- a/src/components/widgets/widget/container.jsx
+++ b/src/components/widgets/widget/container.jsx
@@ -13,7 +13,7 @@ export function getAllClasses(options, additionalClassNames = "") {
       // eslint-disable-next-line no-param-reassign
       additionalClassNames = [
         additionalClassNames,
-        `backdrop-blur-sm${options.style.cardBlur.length ? "-" : ""}${options.style.cardBlur}`,
+        `backdrop-blur${options.style.cardBlur.length ? "-" : ""}${options.style.cardBlur}`,
       ].join(" ");
     }
 
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 4ee709af..d203e5c9 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -303,7 +303,7 @@ function Home({ initialSettings }) {
               className={classNames(
                 "sm:flex rounded-md bg-theme-100/20 dark:bg-white/5",
                 settings.cardBlur !== undefined &&
-                  `backdrop-blur-sm${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
+                  `backdrop-blur${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
               )}
               id="myTab"
               data-tabs-toggle="#myTabContent"
@@ -432,7 +432,7 @@ function Home({ initialSettings }) {
             headerStyles[headerStyle],
             settings.cardBlur !== undefined &&
               headerStyle === "boxed" &&
-              `backdrop-blur-sm${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
+              `backdrop-blur${settings.cardBlur.length ? "-" : ""}${settings.cardBlur}`,
           )}
         >
           <div id="widgets-wrap" className={classNames("flex flex-row w-full flex-wrap justify-between gap-x-2")}>
@@ -536,7 +536,7 @@ export default function Wrapper({ initialSettings, fallback }) {
           className={classNames(
             "fixed overflow-auto w-full h-full",
             backgroundBlur &&
-              `backdrop-blur-sm${initialSettings.background.blur.length ? "-" : ""}${
+              `backdrop-blur${initialSettings.background.blur.length ? "-" : ""}${
                 initialSettings.background.blur - sm
               }`,
             backgroundSaturate && `backdrop-saturate-${initialSettings.background.saturate}`,