💄 优化UI

LiRenTech · Dec 7, 2024 · 3c5af7d · 3c5af7d
1 parent 73cc3e6
commit 3c5af7d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/ui/Switch.tsx b/src/components/ui/Switch.tsx
@@ -8,14 +8,17 @@ import { cn } from "../../utils/cn";
 export default function Switch({
   value = false,
   onChange = () => {},
+  disabled = false,
 }: {
   value?: boolean;
   onChange?: (value: boolean) => void;
+  disabled?: boolean;
 }) {
   return (
     <div
       className={cn("relative h-8 w-14 rounded-full bg-neutral-800", {
         "bg-blue-500": value,
+        "cursor-not-allowed bg-neutral-600": disabled,
       })}
       onClick={() => onChange(!value)}
     >
@@ -24,6 +27,7 @@ export default function Switch({
           "absolute left-1 top-1 h-6 w-6 translate-x-0 transform rounded-full bg-white",
           {
             "translate-x-6": value,
+            "bg-neutral-300": disabled,
           },
         )}
       ></div>

diff --git a/src/pages/settings/plugins.tsx b/src/pages/settings/plugins.tsx
@@ -33,11 +33,11 @@ export default function PluginsPage() {
           "Provides the core functionality of the app\nAuthor: Project Graph Developers"
         }
       >
-        <Button>
+        <Button disabled>
           <X />
           {t("uninstall")}
         </Button>
-        <Switch value={true} onChange={() => {}} />
+        <Switch value={true} onChange={() => {}} disabled />
       </Field>
     </>
   );