Fix side scrolling for iphones

2026-03-09 18:03:19 +00:00
parent d3cbc687d5
commit 33d72fd20a
1 changed files with 14 additions and 0 deletions
--- a/nginx/vue/src/views/home/Home.vue
+++ b/nginx/vue/src/views/home/Home.vue
@@ -135,6 +135,20 @@ import Consumption from "./Consumption.vue";
    }
 }

+@media (max-width: 500px) {
+    main {
+        overflow-x: hidden;
+    }
+
+    .outerWrap {
+        max-width: 100vw;
+    }
+
+    .sidebar {
+        margin: 5px 0;
+    }
+}
+
 .intro {
    grid-column: 1 / span 6;
    grid-row: 1 / span 4;