Allow tapping on tippy triggers on mobile

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 {

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,
     })