@@ -130,10 +130,11 @@ export function AdeptsLobbyPage() {
130130 < div className = "flex min-h-0 flex-1 overflow-hidden" >
131131 < ChatPanel className = "mx-2 mb-2 mt-1 w-[min(32%,360px)] flex-shrink-0 sm:mx-3 sm:mb-3 sm:mt-2" />
132132
133- < div className = "flex min-h-0 min-w-0 flex-1 flex-row overflow-hidden px-2 pb-3 pt-0 sm:px-4 sm:pb-4 sm:pt-1 lg:pr-4" >
134- < div className = "flex min-h-0 min-w-0 flex-1 flex-col items-center justify-center gap-6 overflow-y-auto py-4" >
133+ < div className = "relative flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden" >
134+ { /* Центр экрана (под шапкой); pointer-events-none — чат и боковая панель кликабельны сквозь пустоту */ }
135+ < div className = "pointer-events-none fixed inset-x-0 bottom-0 top-16 z-[15] flex flex-col items-center justify-center gap-4 px-4 sm:gap-6 sm:px-6" >
135136 < div
136- className = "flex w-full max-w-[min(94vw,720px)] min-h-[min(48vh,440px)] flex-col items-center justify-center rounded-[1.125rem] border border-amber-400/45 bg-transparent px-4 py-6 text-center shadow-[0_0_20px_rgba(234,179,8,0.35),0_0_48px_rgba(250,204,21,0.18),inset_0_0_24px_rgba(234,179,8,0.06)] sm:min-h-[min(52vh,480px)] sm:rounded-[1.25rem] sm:px-8 sm:py-10"
137+ className = "pointer-events-auto flex w-full max-w-[min(94vw,720px)] min-h-[min(48vh,440px)] flex-col items-center justify-center rounded-[1.125rem] border border-amber-400/45 bg-transparent px-4 py-6 text-center shadow-[0_0_20px_rgba(234,179,8,0.35),0_0_48px_rgba(250,204,21,0.18),inset_0_0_24px_rgba(234,179,8,0.06)] sm:min-h-[min(52vh,480px)] sm:rounded-[1.25rem] sm:px-8 sm:py-10"
137138 style = { {
138139 fontFamily :
139140 "system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', sans-serif" ,
@@ -157,7 +158,7 @@ export function AdeptsLobbyPage() {
157158 ) }
158159 </ div >
159160 { isHost ? (
160- < div className = "flex flex-wrap items-center justify-center gap-3 sm:gap-4" >
161+ < div className = "pointer-events-auto flex flex-wrap items-center justify-center gap-3 sm:gap-4" >
161162 < button
162163 type = "button"
163164 disabled = { emojiAtStart }
@@ -178,18 +179,21 @@ export function AdeptsLobbyPage() {
178179 ) : null }
179180 </ div >
180181
181- { isHost ? (
182- < aside className = "flex min-h-0 w-fit max-w-[min(420px,46vw)] shrink-0 flex-col self-stretch overflow-hidden pt-1 lg:max-w-[min(420px,40vw)]" >
183- < LobbyQuizPlayersTable
184- variant = "sidebar"
185- className = "h-full min-h-0 w-fit max-w-full"
186- onStartGame = { ( ) => emitStartGame ( computeTopSeatNicks ( lobbyTablePlayers , scoresByNick ) ) }
187- players = { lobbyTablePlayers }
188- scoresByNick = { scoresByNick }
189- onScoresByNickChange = { setScoresByNick }
190- />
191- </ aside >
192- ) : null }
182+ < div className = "flex min-h-0 min-w-0 flex-1 flex-row overflow-hidden px-2 pb-3 pt-0 sm:px-4 sm:pb-4 sm:pt-1 lg:pr-4" >
183+ < div className = "min-h-0 min-w-0 flex-1" />
184+ { isHost ? (
185+ < aside className = "flex min-h-0 w-fit max-w-[min(420px,46vw)] shrink-0 flex-col self-stretch overflow-hidden pt-1 lg:max-w-[min(420px,40vw)]" >
186+ < LobbyQuizPlayersTable
187+ variant = "sidebar"
188+ className = "h-full min-h-0 w-fit max-w-full"
189+ onStartGame = { ( ) => emitStartGame ( computeTopSeatNicks ( lobbyTablePlayers , scoresByNick ) ) }
190+ players = { lobbyTablePlayers }
191+ scoresByNick = { scoresByNick }
192+ onScoresByNickChange = { setScoresByNick }
193+ />
194+ </ aside >
195+ ) : null }
196+ </ div >
193197 </ div >
194198 </ div >
195199 </ div >
0 commit comments