mobile css fixes

added media query to detect devices with touchscreen and set --left-column to 100% rather than 500px
2026-09-05 20:40:44 +02:00 · 2023-11-05 09:28:32 -06:00
parent 2919774c01
commit 3f75a211b3
7 changed files with 9 additions and 6 deletions
@@ -279,3 +279,12 @@ table.settings-value-table td { padding: 0.4em; border: 1px solid #ccc; max-widt
  --spacing-xl: 5px;
  --spacing-xxl: 6px;
 }
+
+
+/* Apply different styles for devices with coarse pointers */
+@media (hover: none) and (pointer: coarse) {
+    :root, .light, .dark { 
+    	--left-column: 100%;
+    }
+    .gradio-slider input[type="number"] { text-align: center; }
+}