Add a padding for small device screen width

RoboCup-SSL · Jun 27, 2022 · 675862e · 675862e
1 parent bcd31d7
commit 675862e
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -153,4 +153,11 @@ import StatusBar from './components/StatusBar.vue';
   color: #93D5FF;
 }
 
+/* Chromium has a minimum width of 500px, but the Pi display is only 480px, so we need to add a padding here */
+@media (max-width: 500px) {
+  #app {
+    padding-right: 20px;
+  }
+}
+
 </style>