From 28c10ad590c7b9d59f8834ffff2f94e936f6e6ee Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Sun, 9 Mar 2025 18:58:48 +0800
Subject: [PATCH] fix(style): removing shadow

---
 .../playground/workspace/editor/components/copy-button.tsx      | 2 +-
 .../playground/workspace/editor/components/format-button.tsx    | 2 +-
 .../workspace/editor/components/language-selector.tsx           | 2 +-
 .../playground/workspace/editor/components/redo-button.tsx      | 2 +-
 .../playground/workspace/editor/components/reset-button.tsx     | 2 +-
 .../playground/workspace/editor/components/undo-button.tsx      | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/features/playground/workspace/editor/components/copy-button.tsx b/src/features/playground/workspace/editor/components/copy-button.tsx
index 375c21c..7a07bb0 100644
--- a/src/features/playground/workspace/editor/components/copy-button.tsx
+++ b/src/features/playground/workspace/editor/components/copy-button.tsx
@@ -33,7 +33,7 @@ export default function CopyButton() {
           <Button
             variant="outline"
             size="icon"
-            className="h-6 w-6 border-none px-1.5 py-0.5 disabled:opacity-100 hover:bg-muted"
+            className="h-6 w-6 border-none shadow-none px-1.5 py-0.5 disabled:opacity-100 hover:bg-muted"
             onClick={handleCopy}
             aria-label={copied ? "Copied" : "Copy to clipboard"}
             disabled={copied}
diff --git a/src/features/playground/workspace/editor/components/format-button.tsx b/src/features/playground/workspace/editor/components/format-button.tsx
index 8179069..fc28bd7 100644
--- a/src/features/playground/workspace/editor/components/format-button.tsx
+++ b/src/features/playground/workspace/editor/components/format-button.tsx
@@ -24,7 +24,7 @@ export default function FormatButton() {
             onClick={() => {
               editor?.trigger("format", "editor.action.formatDocument", null);
             }}
-            className="h-6 w-6 px-1.5 py-0.5 border-none hover:bg-muted"
+            className="h-6 w-6 px-1.5 py-0.5 border-none shadow-none hover:bg-muted"
           >
             <Paintbrush size={16} strokeWidth={2} aria-hidden="true" />
           </Button>
diff --git a/src/features/playground/workspace/editor/components/language-selector.tsx b/src/features/playground/workspace/editor/components/language-selector.tsx
index b149344..ee7461b 100644
--- a/src/features/playground/workspace/editor/components/language-selector.tsx
+++ b/src/features/playground/workspace/editor/components/language-selector.tsx
@@ -29,7 +29,7 @@ export default function LanguageSelector() {
 
   return (
     <Select value={language} onValueChange={handleValueChange}>
-      <SelectTrigger className="h-6 px-1.5 py-0.5 border-none focus:ring-0 hover:bg-muted [&>span]:flex [&>span]:items-center [&>span]:gap-2 [&>span_svg]:shrink-0 [&>span_svg]:text-muted-foreground/80">
+      <SelectTrigger className="h-6 px-1.5 py-0.5 border-none shadow-none focus:ring-0 hover:bg-muted [&>span]:flex [&>span]:items-center [&>span]:gap-2 [&>span_svg]:shrink-0 [&>span_svg]:text-muted-foreground/80">
         <SelectValue placeholder="Select language" />
       </SelectTrigger>
       <SelectContent className="[&_*[role=option]>span>svg]:shrink-0 [&_*[role=option]>span>svg]:text-muted-foreground/80 [&_*[role=option]>span]:end-2 [&_*[role=option]>span]:start-auto [&_*[role=option]>span]:flex [&_*[role=option]>span]:items-center [&_*[role=option]>span]:gap-2 [&_*[role=option]]:pe-8 [&_*[role=option]]:ps-2">
diff --git a/src/features/playground/workspace/editor/components/redo-button.tsx b/src/features/playground/workspace/editor/components/redo-button.tsx
index ba28031..37a7dfd 100644
--- a/src/features/playground/workspace/editor/components/redo-button.tsx
+++ b/src/features/playground/workspace/editor/components/redo-button.tsx
@@ -24,7 +24,7 @@ export default function RedoButton() {
             onClick={() => {
               editor?.trigger("redo", "redo", null);
             }}
-            className="h-6 w-6 px-1.5 py-0.5 border-none hover:bg-muted"
+            className="h-6 w-6 px-1.5 py-0.5 border-none shadow-none hover:bg-muted"
           >
             <Redo2 size={16} strokeWidth={2} aria-hidden="true" />
           </Button>
diff --git a/src/features/playground/workspace/editor/components/reset-button.tsx b/src/features/playground/workspace/editor/components/reset-button.tsx
index 5d5dd9d..823616a 100644
--- a/src/features/playground/workspace/editor/components/reset-button.tsx
+++ b/src/features/playground/workspace/editor/components/reset-button.tsx
@@ -47,7 +47,7 @@ export default function ResetButton({
                 }
               }
             }}
-            className="h-6 w-6 px-1.5 py-0.5 border-none hover:bg-muted"
+            className="h-6 w-6 px-1.5 py-0.5 border-none shadow-none hover:bg-muted"
           >
             <RotateCcw size={16} strokeWidth={2} aria-hidden="true" />
           </Button>
diff --git a/src/features/playground/workspace/editor/components/undo-button.tsx b/src/features/playground/workspace/editor/components/undo-button.tsx
index 21e607f..f2cb480 100644
--- a/src/features/playground/workspace/editor/components/undo-button.tsx
+++ b/src/features/playground/workspace/editor/components/undo-button.tsx
@@ -24,7 +24,7 @@ export default function UndoButton() {
             onClick={() => {
               editor?.trigger("undo", "undo", null);
             }}
-            className="h-6 w-6 px-1.5 py-0.5 border-none hover:bg-muted"
+            className="h-6 w-6 px-1.5 py-0.5 border-none shadow-none hover:bg-muted"
           >
             <Undo2 size={16} strokeWidth={2} aria-hidden="true" />
           </Button>