add tooltip stuff

[deploy]

src/routes/+layout.svelte

@@ -2,6 +2,7 @@
   import "$lib/fonts/noto-sans-mono.scss"
   import "$lib/fonts/material-symbols-rounded.scss"
   import "$lib/style/scrollbar.scss"
+  import "$lib/style/tippy.scss"
   import {onMount} from "svelte"
   import {applyTheme, argbFromHex, themeFromSourceColor} from "@material/material-color-utilities"
   import Navigation from "$lib/components/Navigation.svelte"
@@ -14,6 +15,19 @@
   import {initLocalStorage} from "$lib/serial/storage"
   import {browser} from "$app/environment"
   import BrowserWarning from "./BrowserWarning.svelte"
+  import "tippy.js/animations/shift-away.css"
+  import "tippy.js/dist/tippy.css"
+  import tippy from "tippy.js"
+
+  if (browser) {
+    tippy.setDefaultProps({
+      animation: "shift-away",
+      theme: "surface-variant",
+      allowHTML: true,
+      duration: 250,
+      arrow: true,
+    })
+  }
 
   export let data: LayoutServerData
 

src/routes/config/layout/+page.svelte

@@ -19,8 +19,7 @@
     await navigator.clipboard.writeText(url.toString())
     tippy(event.target, {
       content: "Share url copied!",
-      hideOnClick: true,
-      duration: 4000,
+      delay: [0, 1000000],
       onHidden(instance) {
         instance.destroy()
       },