Tooltip converted to tailwind

0xsequence · Jan 10, 2025 · 287d4e5 · 287d4e5
1 parent 041e3b5
commit 287d4e5
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx
@@ -3,10 +3,6 @@ import { PropsWithChildren } from 'react'
 
 import { Text } from '~/components/Text'
 
-import * as styles from './styles.css'
-
-export { TooltipPrimitive }
-
 interface TooltipProps {
   align?: 'center' | 'end' | 'start'
   delayDuration?: number
@@ -36,7 +32,7 @@ export const Tooltip = (props: PropsWithChildren<TooltipProps>) => {
       <TooltipPrimitive.Root delayDuration={delayDuration}>
         <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
         <TooltipPrimitive.Content
-          className={styles.content}
+          className="backdrop-blur bg-background-raised rounded-lg px-4 pb-3 pt-2 shadow-[0_0_10px_0_rgba(0,0,0,0.5)] fill-background-raised"
           side={side}
           align={align}
           sideOffset={vOffset}
@@ -51,3 +47,5 @@ export const Tooltip = (props: PropsWithChildren<TooltipProps>) => {
     </TooltipPrimitive.Provider>
   )
 }
+
+export { TooltipPrimitive }