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
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
+2 -2
View File
@@ -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>
+11 -6
View File
@@ -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" />