added viewport

Lifailon · May 14, 2024 · 332de76 · 332de76
1 parent b0ef175
commit 332de76
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
+        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
         <title>Epic Games Radar</title>
         <style>
             header {
@@ -73,6 +74,22 @@
             .scroll-to-top:hover {
                 background-color: #4051B5;
             }
+            @media screen and (max-width: 800px) {
+                header a {
+                    font-size: 46px;
+                }
+                body {
+                    padding-left: 20px;
+                    padding-right: 20px;
+                }
+                table {
+                    font-size: 24px;
+                    border-collapse: collapse;
+                    width: 100%;
+                    margin: auto;
+                    overflow-x: auto;
+                }
+            }
         </style>
     </head>
     <body>

diff --git a/scripts/Get-GameList.ps1 b/scripts/Get-GameList.ps1
@@ -218,6 +218,7 @@ $html = @"
 <!DOCTYPE html>
 <html>
     <head>
+        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
         <title>Epic Games Radar</title>
         <style>
             header {
@@ -290,6 +291,22 @@ $html = @"
             .scroll-to-top:hover {
                 background-color: #4051B5;
             }
+            @media screen and (max-width: 800px) {
+                header a {
+                    font-size: 46px;
+                }
+                body {
+                    padding-left: 20px;
+                    padding-right: 20px;
+                }
+                table {
+                    font-size: 24px;
+                    border-collapse: collapse;
+                    width: 100%;
+                    margin: auto;
+                    overflow-x: auto;
+                }
+            }
         </style>
     </head>
     <body>