Add: Hide menu button
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user