Feature Updates

* Terminal Window in Mobile devices updates
2025-06-30 18:31:30 +05:30
parent 3a71e3e8dc
commit aeb139536b
2 changed files with 18 additions and 1 deletions
--- a/hg.css
+++ b/hg.css
@@ -380,6 +380,23 @@ canvas {
  position: relative;
 }

+/* Mobile-specific terminal styling */
+@media (max-width: 768px) {
+  .terminal-window {
+    width: 100%;
+    height: 100%;
+    max-width: none;
+    max-height: none;
+    min-height: 100vh;
+    border: none;
+    box-shadow: none;
+  }
+  
+  .terminal-overlay {
+    background: #c0c0c0;
+  }
+}
+
 .terminal-header {
  background: #c0c0c0;
  color: #000000;
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Retrowave Player</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.2.3/howler.min.js"></script>
    <script src="https://unpkg.com/hydra-synth"></script>