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

2
script.js
View File

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

2
styles.css
View File

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