letter my box

This commit is contained in:
legop3
2025-12-22 00:50:51 -05:00
parent fe9f1c13e2
commit 0ce6c05e05
5 changed files with 24 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
+2 -2
View File
@@ -11,8 +11,8 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-BpyM0lPm.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B88Ix9u6.css">
<script type="module" crossorigin src="/assets/index-DArhGeDQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-D3XxObGc.css">
</head>
<body>
<div id="root"></div>
+16 -4
View File
@@ -8,7 +8,7 @@ import { useRoomCameraSnapshots } from '../hooks/useRoomCameraSnapshots.js';
import VideoTile from '../components/VideoTile.jsx';
import ChatPanel from '../components/ChatPanel.jsx';
const ROTATE_MS = 9000;
const ROTATE_MS = 13000;
function formatDriverLabel({ roverId, session }) {
const activeDriverId = session?.activeDrivers?.[roverId] || null;
@@ -98,7 +98,7 @@ function MiniSummaryContent() {
Switching to spectator
</div>
) : activeRover ? (
<div className="relative h-full w-full">
<FitViewportFrame>
<VideoTile
sessionInfo={activeVideo}
audioSessionInfo={activeAudio}
@@ -111,9 +111,11 @@ function MiniSummaryContent() {
hudForceMap
hudMapPosition="bottom-left"
/>
</div>
</FitViewportFrame>
) : activeCamera ? (
<RoomCameraFrame camera={activeCamera} feed={activeFeed} />
<FitViewportFrame>
<RoomCameraFrame camera={activeCamera} feed={activeFeed} />
</FitViewportFrame>
) : (
<div className="flex h-full w-full items-center justify-center text-sm text-slate-500">
No sources available.
@@ -171,3 +173,13 @@ function ChatOverlay() {
</div>
);
}
function FitViewportFrame({ children }) {
return (
<div className="flex h-full w-full items-center justify-center overflow-hidden bg-black">
<div className="max-h-full max-w-full w-full h-full flex items-center justify-center">
{children}
</div>
</div>
);
}