17dp93
/
gummyarena
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

mobile responsiveness changes

This commit is contained in:
Demetri Pirpiris 2025-03-15 11:43:55 -06:00
parent 3cde484557
commit f88acb2182
3 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>Neon Synthwave Snake Evolution Simulator</title> <title>Neon Synthwave Snake Evolution Simulator</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
</head> </head>
<body> <body>

2
script.js
View File

@ -124,7 +124,7 @@ function getRandomNeonColor() {
let isMobileLayout = null; let isMobileLayout = null;
function updateLayout() { function updateLayout() {
const width = window.innerWidth; const width = window.innerWidth;
const newIsMobile = (width < 768); const newIsMobile = (width < 1000);
if (newIsMobile === isMobileLayout) return; if (newIsMobile === isMobileLayout) return;
isMobileLayout = newIsMobile; isMobileLayout = newIsMobile;

2
styles.css
View File

@ -282,7 +282,7 @@ canvas {
} }
/* Mobile-friendly adjustments */ /* Mobile-friendly adjustments */
@media (max-width: 768px) { @media (max-width: 1000px) {
.control-panel { .control-panel {
width: 90%; width: 90%;
bottom: 20px; bottom: 20px;