Add: Hide menu button

This commit is contained in:
2025-03-15 21:57:16 -04:00
parent 3a69f285f3
commit 3d0b960753
3 changed files with 68 additions and 17 deletions

View File

@@ -147,4 +147,42 @@ canvas {
.player-focus {
margin-top: 10px;
}
#hideMenuBtn {
background-color: #333;
color: white;
border: none;
padding: 5px 10px;
margin-top: 10px;
border-radius: 3px;
cursor: pointer;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
transition: background-color 0.3s;
width: 100%;
}
#hideMenuBtn:hover {
background-color: #444;
}
#showMenuBtn {
position: fixed;
top: 10px;
left: 10px;
background-color: rgba(25, 25, 25, 0.7);
color: white;
border: none;
padding: 5px 10px;
border-radius: 15px;
font-size: 14px;
cursor: pointer;
z-index: 101;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
transition: opacity 0.3s;
opacity: 0.6;
}
#showMenuBtn:hover {
opacity: 1;
}