diff --git a/www/html/Game/public/js/room-lobby.js b/www/html/Game/public/js/room-lobby.js index 2a0a9b1..ac62595 100644 --- a/www/html/Game/public/js/room-lobby.js +++ b/www/html/Game/public/js/room-lobby.js @@ -1873,20 +1873,23 @@ if (!ov) { ov = document.createElement('div'); ov.id = 'case-cutscene-overlay'; - ov.style.cssText = 'position:fixed;inset:0;z-index:99990;display:flex;align-items:center;justify-content:center;background:#05070f'; + ov.style.cssText = 'position:fixed;inset:0;z-index:99990;overflow:hidden;background:#000'; ov.innerHTML = - '' + - '
' + + '' + + '
' + '' + '' + '
'; document.body.appendChild(ov); } ov.classList.remove('is-hidden'); - ov.style.display = 'flex'; + ov.style.cssText = 'position:fixed;inset:0;z-index:99990;overflow:hidden;background:#000;display:block'; var imgEl = document.getElementById('case-cutscene-img'); var progEl = document.getElementById('case-cutscene-progress'); var nextBtn = document.getElementById('case-cutscene-next'); + if (imgEl) { + imgEl.style.cssText = 'position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block'; + } function render() { if (imgEl) imgEl.src = imgs[idx]; if (progEl) progEl.textContent = (idx + 1) + ' / ' + imgs.length; diff --git a/www/html/Game/public/room-lobby.html b/www/html/Game/public/room-lobby.html index db2ac39..329ab75 100644 --- a/www/html/Game/public/room-lobby.html +++ b/www/html/Game/public/room-lobby.html @@ -1613,7 +1613,7 @@ - +
v —