made main page responsive in light mode

sk66641 · Aug 19, 2024 · cd22c99 · cd22c99
1 parent 03bf83c
commit cd22c99
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/css/style.css b/css/style.css
@@ -2534,7 +2534,7 @@ goog-logo-link,
   }
 }
 
-@media only screen and (max-width: 415px) {
+@media only screen and (max-width: 350px) {
   * {
     font-size: 10px !important;
   }
@@ -2546,7 +2546,9 @@ goog-logo-link,
   .light-mode * {
     font-size: 10px !important;
   }
+}
 
+@media only screen and (max-width: 415px) {
   .light-mode .box {
     width: fit-content;
   }

diff --git a/index.html b/index.html
@@ -547,12 +547,11 @@ <h2>Account Not Available</h2>
    <script>
       let platform = navigator.platform
       let ram = navigator.hardwareConcurrency
-      document.getElementById("deviceInfo").innerHTML = `Device: ${platform} <br> RAM: ${ram} GB`
+      document.getElementById("deviceInfo").innerHTML = `platform: ${platform} <br> hardwareConcurrency: ${ram}`
       if (navigator.hardwareConcurrency < 16) {
          document.getElementById("hardwareConcurrencyWarning").innerHTML = `<span style="color: yellow;">⚠️ Performance Warning</span> Our site is currently experiencing high memory usage, a larger <span style="color: yellow;">RAM</span> might be needed to run smoothly. We are working on optimizing the site. We appreciate your patience and understanding as we make these improvements."`
 
       }
-
    </script>
 </body>