From 2ee43498607a17ced4a1d1debf34df4db10c5918 Mon Sep 17 00:00:00 2001
From: zty012 <me@zty012.de>
Date: Sun, 26 Jan 2025 13:12:05 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E4=BC=98=E5=8C=96=E8=A7=86?=
 =?UTF-8?q?=E8=A7=89=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ui/Box.tsx    | 4 ++--
 src/components/ui/Select.tsx | 6 +++---
 src/pages/_app_menu.tsx      | 4 ++--
 src/pages/_toolbar.tsx       | 2 +-
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/ui/Box.tsx b/src/components/ui/Box.tsx
index 5e28ac49..af22b74c 100644
--- a/src/components/ui/Box.tsx
+++ b/src/components/ui/Box.tsx
@@ -47,7 +47,7 @@ const _Box = <E extends ElementType = "div">(
       <Component
         ref={ref}
         className={cn(
-          "rounded-md border border-neutral-700 bg-neutral-800/20 text-white backdrop-blur-md",
+          "rounded-md border border-neutral-700 bg-neutral-800/20 text-white backdrop-blur-lg",
           className,
         )}
         onMouseEnter={handleMouseEnter}
@@ -59,7 +59,7 @@ const _Box = <E extends ElementType = "div">(
       </Component>
       <div
         className={cn(
-          "pointer-events-none fixed z-[103] scale-75 rounded-md border border-neutral-700 bg-neutral-800/20 px-2 py-1 text-white opacity-0 backdrop-blur-md transition-all",
+          "pointer-events-none fixed z-[103] scale-75 rounded-md border border-neutral-700 bg-neutral-800/20 px-2 py-1 text-white opacity-0 backdrop-blur-lg transition-all",
           {
             "pointer-events-auto scale-100 opacity-100": showTooltip && tooltip,
           },
diff --git a/src/components/ui/Select.tsx b/src/components/ui/Select.tsx
index 15458897..0d79da5f 100644
--- a/src/components/ui/Select.tsx
+++ b/src/components/ui/Select.tsx
@@ -61,7 +61,7 @@ export default function Select({
       <div
         className={cn(
           // w-max: 防止下拉框在页面右侧时，宽度不够而缩小
-          "fixed z-[104] flex w-max origin-top -translate-x-1/2 scale-0 flex-col rounded-lg border border-neutral-700 bg-neutral-900/20 p-2 opacity-0 shadow-lg shadow-slate-950 backdrop-blur-md",
+          "fixed z-[104] flex w-max origin-top -translate-x-1/2 scale-0 flex-col rounded-lg border border-neutral-700 bg-neutral-900/20 p-2 opacity-0 shadow-lg shadow-slate-950 backdrop-blur-lg",
           {
             "scale-100 opacity-100": showDropdown,
           },
@@ -76,9 +76,9 @@ export default function Select({
           <button
             key={option.value}
             className={cn(
-              "rounded-lg px-3 py-2 hover:bg-neutral-300/25 hover:backdrop-blur-md",
+              "rounded-lg px-3 py-2 hover:bg-neutral-300/25 hover:backdrop-blur-lg",
               {
-                "bg-neutral-300/25 backdrop-blur-md": option.value === value,
+                "bg-neutral-300/25 backdrop-blur-lg": option.value === value,
                 "active:scale-90": option.value !== value,
               },
             )}
diff --git a/src/pages/_app_menu.tsx b/src/pages/_app_menu.tsx
index 34c05c63..9a4d2e00 100644
--- a/src/pages/_app_menu.tsx
+++ b/src/pages/_app_menu.tsx
@@ -45,13 +45,13 @@ import { dataDir } from "@tauri-apps/api/path";
 import { useTranslation } from "react-i18next";
 import { RecentFileManager } from "../core/service/RecentFileManager";
 import { Settings } from "../core/service/Settings";
+import { CopyEngine } from "../core/service/copyEngine/copyEngine";
 import { Stage } from "../core/stage/Stage";
 import { StageDumperSvg } from "../core/stage/StageDumperSvg";
 import { StageSaveManager } from "../core/stage/StageSaveManager";
 import { TextNode } from "../core/stage/stageObject/entity/TextNode";
 import { Dialog } from "../utils/dialog";
 import { PathString } from "../utils/pathString";
-import { CopyEngine } from "../core/service/copyEngine/copyEngine";
 
 export default function AppMenu({
   className = "",
@@ -389,7 +389,7 @@ export default function AppMenu({
   return (
     <div
       className={cn(
-        "!pointer-events-none flex origin-top-left scale-0 flex-col gap-4 rounded-md border border-neutral-700 bg-neutral-800/20 p-3 opacity-0 backdrop-blur-sm",
+        "!pointer-events-none flex origin-top-left scale-0 flex-col gap-4 rounded-md border border-neutral-700 bg-neutral-800/20 p-3 opacity-0 backdrop-blur-lg",
         {
           "!pointer-events-auto scale-100 opacity-100": open,
         },
diff --git a/src/pages/_toolbar.tsx b/src/pages/_toolbar.tsx
index cf97717c..2a001e64 100644
--- a/src/pages/_toolbar.tsx
+++ b/src/pages/_toolbar.tsx
@@ -327,7 +327,7 @@ export default function Toolbar({ className = "" }: { className?: string }) {
     >
       <Box
         className={cn(
-          "flex w-10 origin-right scale-[10%] flex-col items-center gap-4 rounded-full bg-white px-8 py-6 opacity-25 backdrop-blur-sm group-hover/wrapper:scale-100 group-hover/wrapper:bg-neutral-800/20 group-hover/wrapper:opacity-100",
+          "flex w-10 origin-right scale-[10%] flex-col items-center gap-4 rounded-full bg-white px-8 py-6 opacity-25 backdrop-blur-lg group-hover/wrapper:scale-100 group-hover/wrapper:bg-neutral-800/20 group-hover/wrapper:opacity-100",
           className,
         )}
       >