web: use hover effects only when supported

2024-06-17 01:12:59 +06:00
parent 95aeec3380
commit 5390415aa7
3 changed files with 20 additions and 15 deletions
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -130,9 +130,11 @@
        transform: scale(0.95);
    }

-    :global(button:hover) {
-        background-color: var(--button-hover);
-        z-index: 1;
+    @media (hover: hover) {
+        :global(button:hover) {
+            background-color: var(--button-hover);
+            z-index: 1;
+        }
    }

    :global(.center-column-container) {