feat(ui): TooltipBox

mythal · Jan 2, 2025 · c3ef5d4 · c3ef5d4
1 parent 0c522a5
commit c3ef5d4
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/packages/ui/TooltipBox.tsx b/packages/ui/TooltipBox.tsx
@@ -17,7 +17,7 @@ export const TooltipBox = forwardRef<HTMLDivElement, Props>(
           ref={ref}
           className={
             defaultStyle
-              ? 'TooltipBox bg-tooltip-bg text-tooltip-text shadow-tooltip-shadow/50 rounded-sm px-2 py-1 text-sm shadow-[1px_2px_0_0]'
+              ? 'TooltipBox border-tooltip-border bg-tooltip-bg text-tooltip-text shadow-tooltip-shadow/50 rounded-sm border px-2 py-1 text-sm shadow-[3px_4px_0_0]'
               : className
           }
           {...props}

diff --git a/packages/ui/tailwind.config.ts b/packages/ui/tailwind.config.ts
@@ -78,7 +78,8 @@ const makeTheme = (name: 'dark' | 'light'): Config['theme'] => {
         border: $(neutral[500], black),
       },
       tooltip: {
-        bg: $(black, neutral[600]),
+        bg: $(neutral[600], neutral[600]),
+        border: black,
         text: white,
         shadow: $(neutral[500], black),
       },