web: Improve responsiveness on small viewports (#67)

antangelo · Dec 16, 2023 · cdd5118 · cdd5118
1 parent 2bbf8f7
commit cdd5118
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/xdvdfs-web/index.html b/xdvdfs-web/index.html
@@ -2,6 +2,7 @@
 <html>
     <head>
         <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>XISO Tool</title>
 
         <!-- Style dependencies -->
@@ -30,6 +31,18 @@
             border-color: #8dc103;
         }
 
+        @media screen and (max-width: 992px) {
+            .xiso_main {
+                width: 100%;
+            }
+        }
+
+        @media screen and (min-width: 992px) {
+            .xiso_main {
+                min-width: 992px
+            }
+        }
+
         .xiso_dark {
             background: #303030;
         }