From 0cc0598287eb44a2de90ecc4dd5181435b6730c2 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Thu, 31 Jul 2025 10:25:55 -0700
Subject: [PATCH] Allow tapping on tippy triggers on mobile

---
 src/app.css                     | 4 ++--
 src/lib/components/Tippy.svelte | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app.css b/src/app.css
index 1d6ded2d..3612c956 100644
--- a/src/app.css
+++ b/src/app.css
@@ -160,11 +160,11 @@
 }
 
 .card2 {
-  @apply rounded-box p-6 text-base-content;
+  @apply rounded-box p-4 text-base-content sm:p-6;
 }
 
 .card2.card2-sm {
-  @apply p-4 text-base-content;
+  @apply p-2 text-base-content sm:p-4;
 }
 
 .column {
diff --git a/src/lib/components/Tippy.svelte b/src/lib/components/Tippy.svelte
index ec972811..82919022 100644
--- a/src/lib/components/Tippy.svelte
+++ b/src/lib/components/Tippy.svelte
@@ -3,6 +3,7 @@
 
   import tippy from "tippy.js"
   import {onMount, mount} from "svelte"
+  import {isMobile} from "@lib/html"
 
   let {
     component,
@@ -23,6 +24,7 @@
       content: target,
       animation: "shift-away",
       appendTo: document.querySelector(".tippy-target")!,
+      trigger: isMobile ? "click" : "mouseenter focus",
       ...params,
     })