additional media queries to support 4:3 landscape in fullscreen and n…

…ormal mode - solves #104
fhstp · Aug 8, 2023 · cf7245c · cf7245c
1 parent b09f12a
commit cf7245c
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -119,7 +119,7 @@ export default defineComponent({
 }
 
 #chart {
-  width: 97vmin;
+  width: 99vmin;
   height: 100vmin;
   position: relative;
   /* background: aqua; */
@@ -175,9 +175,9 @@ export default defineComponent({
 }
 */
 
-@media (min-width: 168vh) {
+@media (min-width: 133vh) {
   #main {
-    width: 70vmin;
+    width: 33vmin;
   }
 
   .scrollwrapper {
@@ -200,4 +200,16 @@ export default defineComponent({
     scrollbar-width: none; /* Firefox */
   }
 }
+
+@media (min-width: 145vh) {
+  #main {
+    width: 45vmin;
+  }
+}
+
+@media (min-width: 162vh) {
+  #main {
+    width: 62vmin;
+  }
+}
 </style>