From 1b8c48af7b719675b302c6e03bcee046afb32390 Mon Sep 17 00:00:00 2001
From: Qing <cwq1913@gmail.com>
Date: Tue, 27 Feb 2024 22:03:27 +0800
Subject: [PATCH] fix tooltip

---
 web_app/src/components/Editor.tsx          | 2 +-
 web_app/src/components/SidePanel/index.tsx | 1 +
 web_app/src/components/ui/sheet.tsx        | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web_app/src/components/Editor.tsx b/web_app/src/components/Editor.tsx
index c6cd3c4..d3fd6aa 100644
--- a/web_app/src/components/Editor.tsx
+++ b/web_app/src/components/Editor.tsx
@@ -866,7 +866,7 @@ export default function Editor(props: EditorProps) {
 
       {showRefBrush && renderBrush(getBrushStyle(windowCenterX, windowCenterY))}
 
-      <div className=" overflow-hidden fixed flex bottom-5 border px-4 py-2 rounded-[3rem] gap-8 items-center justify-center backdrop-filter backdrop-blur-md bg-background/70">
+      <div className="fixed flex bottom-5 border px-4 py-2 rounded-[3rem] gap-8 items-center justify-center backdrop-filter backdrop-blur-md bg-background/70">
         <Slider
           className="w-48"
           defaultValue={[50]}
diff --git a/web_app/src/components/SidePanel/index.tsx b/web_app/src/components/SidePanel/index.tsx
index e8e1d9a..e08bc8d 100644
--- a/web_app/src/components/SidePanel/index.tsx
+++ b/web_app/src/components/SidePanel/index.tsx
@@ -47,6 +47,7 @@ const SidePanel = () => {
       <SheetTrigger
         tabIndex={-1}
         className="z-10 outline-none absolute top-[68px] right-6 rounded-lg border bg-background"
+        hidden={open}
       >
         <Button
           variant="ghost"
diff --git a/web_app/src/components/ui/sheet.tsx b/web_app/src/components/ui/sheet.tsx
index 6bc42bc..e828ace 100644
--- a/web_app/src/components/ui/sheet.tsx
+++ b/web_app/src/components/ui/sheet.tsx
@@ -18,7 +18,7 @@ const SheetOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SheetPrimitive.Overlay
     className={cn(
-      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 bg-background/80 backdrop-blur-sm data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     )}
     {...props}
@@ -28,7 +28,7 @@ const SheetOverlay = React.forwardRef<
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName
 
 const sheetVariants = cva(
-  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-200 data-[state=open]:duration-300",
+  "fixed gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-200 data-[state=open]:duration-300",
   {
     variants: {
       side: {