legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 17:40:46 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

boble

Browse Source
This commit is contained in:
legop3
2026-07-12 02:25:01 -04:00
parent fd1b3e103d
commit b5cb9bc8e4
7 changed files with 17 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/PtzCamera/index.jsx
+11 -6
View File
@@ -407,15 +407,20 @@ function PtzDesktopFullscreen({ ptz, releasePending }) {
function PtzMobileFullscreen({ ptz, layout }) {
const landscape = layout === 'mobile-landscape';
const videoClass = landscape ? 'h-[58dvh]' : 'h-[44dvh]';
const topHeightClass = landscape ? 'h-[72dvh]' : 'h-[48dvh]';
const topGridClass = landscape
? 'grid-cols-[minmax(0,1fr)_13rem]'
: 'grid-cols-[minmax(0,1fr)_11rem]';
return (
<div className="flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-0.5">
<main className={`${videoClass} min-h-48 shrink-0 overflow-hidden bg-black`}>
<PtzMediaPane ptz={ptz} open framed={false} />
</main>
<section className="mobile-touch-control">
<PtzMobileControlsPanel ptz={ptz} disabled={!ptz?.isOperator} />
<section className={`mobile-touch-control grid ${topHeightClass} min-h-48 shrink-0 ${topGridClass} gap-0.5`}>
<main className="min-h-0 overflow-hidden bg-black">
<PtzMediaPane ptz={ptz} open framed={false} />
</main>
<aside className="min-h-0 overflow-y-auto">
<PtzMobileControlsPanel ptz={ptz} disabled={!ptz?.isOperator} />
</aside>
</section>
<section className="grid gap-0.5 md:grid-cols-[minmax(0,1fr)_minmax(0,0.7fr)]">
<ChatPanel title="Chat" allowSpectatorInput inputTarget="overlay" />