mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
boble
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -78,8 +78,8 @@
|
|||||||
<script defer src="https://analytics.otter.land/script.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land"></script>
|
<script defer src="https://analytics.otter.land/script.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land"></script>
|
||||||
<script defer src="https://analytics.otter.land/recorder.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land" data-sample-rate="0.15" data-mask-level="moderate" data-max-duration="300000"></script>
|
<script defer src="https://analytics.otter.land/recorder.js" data-website-id="82dd56a5-db44-4279-bd1e-a4d9fee39af7" data-domains="rover.otter.land" data-sample-rate="0.15" data-mask-level="moderate" data-max-duration="300000"></script>
|
||||||
<title>Roomba Rover</title>
|
<title>Roomba Rover</title>
|
||||||
<script type="module" crossorigin src="/assets/index-Dgumk83n.js"></script>
|
<script type="module" crossorigin src="/assets/index-9iBY2t1u.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-DUzYA1uF.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-C4u1g5xI.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
@@ -407,15 +407,20 @@ function PtzDesktopFullscreen({ ptz, releasePending }) {
|
|||||||
|
|
||||||
function PtzMobileFullscreen({ ptz, layout }) {
|
function PtzMobileFullscreen({ ptz, layout }) {
|
||||||
const landscape = layout === 'mobile-landscape';
|
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 (
|
return (
|
||||||
<div className="flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto p-0.5">
|
<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`}>
|
<section className={`mobile-touch-control grid ${topHeightClass} min-h-48 shrink-0 ${topGridClass} gap-0.5`}>
|
||||||
<PtzMediaPane ptz={ptz} open framed={false} />
|
<main className="min-h-0 overflow-hidden bg-black">
|
||||||
</main>
|
<PtzMediaPane ptz={ptz} open framed={false} />
|
||||||
<section className="mobile-touch-control">
|
</main>
|
||||||
<PtzMobileControlsPanel ptz={ptz} disabled={!ptz?.isOperator} />
|
<aside className="min-h-0 overflow-y-auto">
|
||||||
|
<PtzMobileControlsPanel ptz={ptz} disabled={!ptz?.isOperator} />
|
||||||
|
</aside>
|
||||||
</section>
|
</section>
|
||||||
<section className="grid gap-0.5 md:grid-cols-[minmax(0,1fr)_minmax(0,0.7fr)]">
|
<section className="grid gap-0.5 md:grid-cols-[minmax(0,1fr)_minmax(0,0.7fr)]">
|
||||||
<ChatPanel title="Chat" allowSpectatorInput inputTarget="overlay" />
|
<ChatPanel title="Chat" allowSpectatorInput inputTarget="overlay" />
|
||||||
|
|||||||
Reference in New Issue
Block a user