💄 优化视觉效果

LiRenTech · Jan 26, 2025 · 2ee4349 · 2ee4349
1 parent 814080c
commit 2ee4349
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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,
         )}
       >