Better mobile support

2025-12-26 18:26:42 +01:00
1 changed files with 27 additions and 0 deletions
--- a/src/lib/WalksProgress.svelte
+++ b/src/lib/WalksProgress.svelte
@ -45,4 +45,31 @@
    article:nth-child(1) {
        grid-column: 1;
    }
+
+    .red {
+        padding: 0.75em;
+        overflow: hidden;
+        font-size: 0.66em;
+        word-break: break-all;
+    }
+
+    article:has(.red) {
+        pointer-events: none;
+        opacity: 0.33 !important;
+    }
+
+    article {
+        > * {
+            padding: 0.75em 0.5em;
+            font-size: 0.9em;
+            text-align: center;
+
+            &:first-word {
+                font-size: 2em;
+                display: block;
+            }
+
+        }
+    }
+
 </style>