fix(Tooltip): hide on touch devices (#580)

nuxt · Sep 7, 2023 · f1ed007 · f1ed007
1 parent 11980a3
commit f1ed007
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
@@ -946,7 +946,7 @@ const tooltip = {
   shadow: 'shadow',
   rounded: 'rounded',
   ring: 'ring-1 ring-gray-200 dark:ring-gray-800',
-  base: 'invisible lg:visible h-6 px-2 py-1 text-xs font-normal truncate',
+  base: '[@media(pointer:coarse)]:hidden h-6 px-2 py-1 text-xs font-normal truncate',
   shortcuts: 'hidden md:inline-flex flex-shrink-0 gap-0.5',
   // Syntax for `<Transition>` component https://vuejs.org/guide/built-ins/transition.html#css-based-transitions
   transition: {