From 52642cbe0b843466b6f97d1ff8a971d88dd6ab25 Mon Sep 17 00:00:00 2001
From: zuramai <saugi.dev@gmail.com>
Date: Tue, 12 Dec 2023 16:45:40 +0800
Subject: [PATCH] fix: tooltip colors and sizing

---
 packages/tooltip/src/lib/tooltip-content.tsx | 6 ++----
 packages/tooltip/src/lib/tooltip.tsx         | 4 ++--
 packages/ui/src/scss/main.scss               | 4 ++--
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/tooltip/src/lib/tooltip-content.tsx b/packages/tooltip/src/lib/tooltip-content.tsx
index 2f5aa0c..6052cac 100644
--- a/packages/tooltip/src/lib/tooltip-content.tsx
+++ b/packages/tooltip/src/lib/tooltip-content.tsx
@@ -17,15 +17,13 @@ export const TooltipContent = ({ children, className, variant, position = "top"
         bottom: 'left-1/2 top-full z-20 mt-3 -translate-x-1/2',
     }
     const classes = cn(
-        'absolute rounded whitespace-nowrap px-4 py-[6px] text-sm font-semibold  opacity-0 group-hover:opacity-100',
-        variant === 'dark' ? 'bg-black text-white' : 'bg-white text-black',
+        'tooltip-content hidden absolute rounded whitespace-nowrap w-auto px-4 py-[6px] text-center text-sm font-semibold shadow-slate-300',
+        variant === 'dark' ? 'bg-[#2D3643] text-white' : 'bg-[#E9EFF6] text-slate-600',
         positionClasses[position]
     )
     return (
         <div className={classes}>
-            <div className={`w-40 whitespace-normal text-center`}>
                 {children}
-            </div>
         </div>
     )
 }
\ No newline at end of file
diff --git a/packages/tooltip/src/lib/tooltip.tsx b/packages/tooltip/src/lib/tooltip.tsx
index ea1f201..8104a51 100644
--- a/packages/tooltip/src/lib/tooltip.tsx
+++ b/packages/tooltip/src/lib/tooltip.tsx
@@ -2,13 +2,13 @@ import { cn } from "@bootwind/common";
 import React, { ReactNode } from "react";
 
 export interface TooltipProps {
-  content: ReactNode;
+  content?: ReactNode;
   children: ReactNode;
   variant?: "dark" | "light",
   position?: "top" | "bottom" | "right" | "left";
 }
 
-const Tooltip: React.FC<TooltipProps> = ({ children, content }) => {
+const Tooltip: React.FC<TooltipProps> = ({ children }) => {
   
   return (
     <div className="tooltip-wrapper group relative inline-block"> 
diff --git a/packages/ui/src/scss/main.scss b/packages/ui/src/scss/main.scss
index e62d204..41b28a5 100644
--- a/packages/ui/src/scss/main.scss
+++ b/packages/ui/src/scss/main.scss
@@ -9,6 +9,6 @@ a {
     @apply text-indigo-600;
 }
 
-.tooltip-trigger:hover ~ .tooltip-content {
-    opacity: 1
+.tooltip-wrapper:hover .tooltip-content {
+    display: block
 }
\ No newline at end of file