ZB-Server/EscapeFromTeacher
Private
Public Access
1
0
Fork 0
Code Activity

Add PlayerCode for enhanced score tracking and host validation logic in cooperative mode. Optimize UI for mobile devices with new responsive styles.
All checks were successful
Dynamic Branch Deploy / build-and-deploy (push) Successful in 2m27s

Browse Source
This commit is contained in:
Sebastian Unterschütz
2026-01-04 17:34:19 +01:00
parent 8f49a691f7
commit 400a7e752b
6 changed files with 102 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
cmd/client/web/style.css
View File

@@ -44,5 +44,33 @@ input[type=range]{width:100%;max-width:300px}
#mute-btn:hover{background:rgba(255,255,255,.2);border-color:#fff}
#rotate-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#222;z-index:99999;color:#fff;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.icon{font-size:60px;margin-bottom:20px}
/* Mobile First - Base Styles bereits für Mobile optimiert */
@media screen and (max-width: 768px) {
h1 { font-size: 20px; margin: 5px 0 15px; }
button { font-size: 12px; padding: 12px 20px; margin: 8px; }
.big-btn { font-size: 14px; padding: 14px 25px; }
input[type=text] { font-size: 12px; padding: 10px; max-width: 280px; }
.info-box { max-width: 280px; padding: 10px; font-size: 10px; }
.info-box p { font-size: 11px; }
.overlay-screen { padding: 10px; }
#startScreen { flex-direction: column; gap: 20px; }
.start-left, .start-right { max-width: 90%; flex: 1; }
.center-box { max-width: 90%; }
.leaderboard-box { max-width: 90%; padding: 10px; }
.hall-of-fame-box { max-height: 200px; max-width: 90%; }
.legal-bar { gap: 8px; }
.legal-btn { font-size: 8px; padding: 6px 10px; }
.back-btn { font-size: 10px; padding: 8px 16px; }
}
@media screen and (max-width: 480px) {
h1 { font-size: 16px; line-height: 1.2; }
button { font-size: 10px; padding: 10px 16px; margin: 6px; }
.big-btn { font-size: 12px; padding: 12px 20px; }
input[type=text] { font-size: 11px; padding: 8px; max-width: 240px; }
.overlay-screen { padding: 8px; }
body, html { font-size: 11px; }
}
@media screen and (orientation:portrait){#rotate-overlay{display:flex}#game-container{display:none!important}}
@media (min-width:1024px){h1{font-size:48px}button{font-size:22px;padding:20px 40px}input[type=text]{max-width:450px;font-size:20px;padding:15px}.info-box{max-width:500px}.hall-of-fame-box{max-height:400px}}