vote design
This commit is contained in:
@@ -3962,17 +3962,17 @@
|
||||
st.textContent =
|
||||
'#testimony-overlay{position:fixed;inset:0;z-index:9000;background:#04060c center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-family:Kanit,system-ui,sans-serif;color:#e7ecff;overflow:hidden}' +
|
||||
'#testimony-overlay.is-hidden{display:none}' +
|
||||
'.tm-stage{position:relative;width:min(96vw,1560px);aspect-ratio:16/9;max-height:97vh}' +
|
||||
'.tm-stage{position:relative;width:min(96vw,1560px);aspect-ratio:16/9;max-height:97vh;max-height:97dvh}' +
|
||||
// ---- กรอบบน box-1 (title baked) ----
|
||||
'.tm-top{position:absolute;left:6%;top:2.5%;width:88%;aspect-ratio:1685/560;background:url(' + SC + 'box-1.png) center/100% 100% no-repeat}' +
|
||||
'.tm-top{position:absolute;left:6%;top:1.5%;width:88%;height:42%;background:url(' + SC + 'box-1.png) center/100% 100% no-repeat}' +
|
||||
'.tm-title{position:absolute;left:50%;top:14%;transform:translateX(-50%);white-space:nowrap;font:800 clamp(15px,2.1vw,30px)/1 Kanit;color:#fff;text-shadow:0 0 14px rgba(34,211,238,.6)}' +
|
||||
'.tm-sub2{position:absolute;left:50%;top:25%;transform:translateX(-50%);font:600 clamp(10px,1.1vw,16px)/1 Kanit;color:#9fe7ff;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}' +
|
||||
'.tm-suspect{position:absolute;left:3.5%;top:30%;width:12%}' +
|
||||
'.tm-sus-frame{position:relative;width:100%;aspect-ratio:291/289;background:url(' + SC + 'suspect-bg.png) center/contain no-repeat;display:flex;align-items:center;justify-content:center}' +
|
||||
'.tm-sus-frame img{width:78%;height:78%;object-fit:cover;object-position:center 16%;border-radius:10px}' +
|
||||
'.tm-sus-name{text-align:center;margin-top:2px;font:700 clamp(10px,1vw,15px)/1.1 Kanit;color:#bfe9ff}' +
|
||||
'.tm-members{position:absolute;left:23%;right:3.5%;top:40%;bottom:12%;display:flex;gap:1.4%;align-items:flex-start;justify-content:flex-start}' +
|
||||
'.tm-member{flex:0 0 15%;width:15%;border:2px solid #1e6f8c;border-radius:12px;padding:8px 4px;text-align:center;background:rgba(8,20,38,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}' +
|
||||
'.tm-members{position:absolute;left:18%;right:2%;top:34%;bottom:8%;display:flex;gap:1%;align-items:flex-start;justify-content:center;flex-wrap:nowrap;overflow:hidden}' +
|
||||
'.tm-member{flex:0 1 17%;max-width:17%;border:2px solid #1e6f8c;border-radius:10px;padding:clamp(4px,0.6vh,8px) 4px;text-align:center;background:rgba(8,20,38,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(2px,0.4vh,6px)}' +
|
||||
'.tm-member .tm-mname{font:700 clamp(9px,0.85vw,14px)/1 Kanit;color:#bfe9ff;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}' +
|
||||
'.tm-member .tm-mstat{font:600 clamp(9px,0.8vw,13px)/1.1 Kanit;color:#8aa0c0;display:flex;flex-direction:column;align-items:center;gap:4px}' +
|
||||
'.tm-member .tm-mstat img{height:26%;max-height:34px;width:auto}' +
|
||||
@@ -3980,12 +3980,12 @@
|
||||
'.tm-member.tm-me{outline:2px solid #22d3ee;outline-offset:2px}' +
|
||||
'.tm-crown img{height:14px;width:auto;vertical-align:middle}' +
|
||||
// ---- กรอบล่าง tab-0N (แท็บ baked) ----
|
||||
'.tm-bottom{position:absolute;left:6%;right:6%;top:52%;bottom:2.5%;background:top center/100% 100% no-repeat}' +
|
||||
'.tm-bottom{position:absolute;left:6%;right:6%;top:47%;bottom:1.5%;background:top center/100% 100% no-repeat}' +
|
||||
'.tm-bhead{position:absolute;left:3%;top:17%;font:600 clamp(11px,1.2vw,18px)/1.2 Kanit;color:#cfe9ff}' +
|
||||
'.tm-count{position:absolute;right:3%;top:17%;color:#ffd54a;font:700 clamp(12px,1.3vw,20px)/1 Kanit}' +
|
||||
'.tm-cards{position:absolute;left:3%;right:3%;top:22%;bottom:6%;display:flex;gap:1.5%;align-items:stretch;justify-content:center}' +
|
||||
'.tm-cards .lobby-evidence-card{cursor:pointer;transition:transform .12s,box-shadow .12s;max-height:100%;height:100%;flex:0 1 178px;overflow:hidden}' +
|
||||
'#testimony-overlay .lobby-evidence-card-art{height:clamp(28px,5vh,52px);min-height:26px;font-size:18px;margin:2px 0}' +
|
||||
'.tm-cards .lobby-evidence-card{cursor:pointer;transition:transform .12s,box-shadow .12s;max-height:100%;height:100%;flex:0 1 200px;overflow:hidden}' +
|
||||
'#testimony-overlay .lobby-evidence-card-art{height:clamp(40px,8vh,80px);min-height:36px;font-size:0;margin:2px 0;display:flex;align-items:center;justify-content:center;background:rgba(0,40,60,.3);border-radius:6px;overflow:hidden}#testimony-overlay .lobby-evidence-card-art img{width:100%;height:100%;object-fit:cover;border-radius:6px}' +
|
||||
'#testimony-overlay .tm-cards .lobby-evidence-card-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}' +
|
||||
'.tm-cards .lobby-evidence-card.tm-sel{outline:3px solid #22d3ee;outline-offset:2px;transform:translateY(-6px);box-shadow:0 8px 26px rgba(34,211,238,.55)}' +
|
||||
'.tm-status{position:absolute;left:3%;bottom:6%;text-align:left;color:#ffd54a;font:600 clamp(11px,1.1vw,16px)/1.3 Kanit}' +
|
||||
@@ -3995,12 +3995,12 @@
|
||||
'#tm-submit{width:clamp(150px,15vw,234px);height:clamp(64px,6.5vw,100px);background-image:url(' + SC + 'btn-send.png)}' +
|
||||
'#tm-force-reveal{width:clamp(170px,17vw,280px);height:clamp(50px,5vw,84px);background-image:url(' + SC + 'btn-open-card.png)}' +
|
||||
// ---- โหมดเปิดเผย (reveal) ----
|
||||
'.tm-reveal-grid{position:absolute;left:2%;right:2%;top:5%;bottom:22%;display:flex;gap:1.4%;align-items:flex-start;justify-content:center;overflow:hidden}' +
|
||||
'.tm-reveal-grid{position:absolute;left:2%;right:2%;top:5%;bottom:18%;display:flex;gap:1.2%;align-items:flex-start;justify-content:center;overflow-y:auto;overflow-x:hidden}' +
|
||||
'.tm-rev-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;max-width:19.5%}' +
|
||||
'.tm-rev-col .tm-rev-name{font:700 clamp(9px,0.9vw,14px)/1 Kanit;color:#bfe9ff;display:flex;align-items:center;gap:4px}' +
|
||||
'.tm-rev-col .lobby-evidence-card{width:100%;max-width:118px;transform:none;font-size:10px}' +
|
||||
'.tm-rev-col .lobby-evidence-card .lobby-evidence-card-body{display:none}' +
|
||||
'#tm-ready{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);width:clamp(160px,15vw,240px);height:clamp(62px,6vw,94px);background-image:url(' + SC + 'btn-ready.png)}';
|
||||
'#tm-ready{position:absolute;left:50%;bottom:2%;transform:translateX(-50%);width:clamp(160px,15vw,240px);height:clamp(62px,6vw,94px);background-image:url(' + SC + 'btn-ready.png)}#tm-mic{position:absolute;right:1%;bottom:1%;width:clamp(44px,4.5vw,68px);height:clamp(44px,4.5vw,68px);border-radius:50%;border:2px solid #22d3ee;background:rgba(8,20,38,.7) center/60% no-repeat;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,2vw,28px)}#tm-mic:hover{background-color:rgba(34,211,238,.15)}';
|
||||
document.head.appendChild(st);
|
||||
}
|
||||
|
||||
@@ -4015,7 +4015,7 @@
|
||||
card.innerHTML =
|
||||
'<div class="lobby-evidence-card-head"><span class="lobby-evidence-card-icon" aria-hidden="true">🔎</span>' +
|
||||
'<div class="lobby-evidence-card-titles"><p class="lobby-evidence-card-title-th"></p><p class="lobby-evidence-card-title-en"></p></div></div>' +
|
||||
'<div class="lobby-evidence-card-art" aria-hidden="true">◆</div>' +
|
||||
'<div class="lobby-evidence-card-art" aria-hidden="true"><img src="/Main-Lobby/IMAGE/Showcard/card-bg.png" alt=""></div>' +
|
||||
'<p class="lobby-evidence-card-body"></p>' +
|
||||
'<div class="lobby-evidence-card-foot"><div class="lobby-evidence-link"><span class="lobby-evidence-avatar"></span><span class="lobby-evidence-link-name"></span></div>' +
|
||||
'<div class="lobby-evidence-foot-meta"><span class="lobby-evidence-rarity">(' + LOBBY_EVIDENCE_RARITY[rar] + ')</span><div class="lobby-evidence-stars">' + stars + '</div></div></div>';
|
||||
@@ -4057,6 +4057,7 @@
|
||||
'<div class="tm-cards" id="tm-cards"></div>' +
|
||||
'<div class="tm-status" id="tm-status"></div>' +
|
||||
'<div class="tm-actions"><button type="button" class="tm-imgbtn" id="tm-submit" disabled aria-label="ส่งหลักฐาน"></button><button type="button" class="tm-imgbtn" id="tm-force-reveal" style="display:none" aria-label="เปิดหลักฐานทั้งหมด"></button></div>' +
|
||||
'<button type="button" id="tm-mic" aria-label="ไมค์">🎤</button>' +
|
||||
'</div>' +
|
||||
'<div id="tm-reveal-wrap" style="display:none">' +
|
||||
'<div class="tm-reveal-grid" id="tm-reveal-grid"></div>' +
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -7,7 +7,7 @@
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/room-lobby.css?v=0.0167">
|
||||
<link rel="stylesheet" href="css/room-lobby.css?v=0.0168">
|
||||
<style>
|
||||
html, body.room-lobby-page { margin: 0; padding: 0; overflow: hidden; width: 100%; height: 100%; min-height: 100%; }
|
||||
#mic-permission-overlay {
|
||||
@@ -1533,7 +1533,7 @@
|
||||
<script src="/app-base.js?v=1"></script>
|
||||
<script src="/Game/socket.io/socket.io.js"></script>
|
||||
<script src="js/version.js?v=0.0122"></script>
|
||||
<script src="js/room-lobby.js?v=0.0202"></script>
|
||||
<script src="js/room-lobby.js?v=0.0203"></script>
|
||||
<div class="version-tag">v —</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user