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

letter my box

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-B88Ix9u6.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-D3XxObGc.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-BpyM0lPm.js → server/public/assets/index-DArhGeDQ.js
+5 -5
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+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-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title> <title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-BpyM0lPm.js"></script> <script type="module" crossorigin src="/assets/index-DArhGeDQ.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-B88Ix9u6.css"> <link rel="stylesheet" crossorigin href="/assets/index-D3XxObGc.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/mini/MiniSummaryApp.jsx
+16 -4
View File
@@ -8,7 +8,7 @@ import { useRoomCameraSnapshots } from '../hooks/useRoomCameraSnapshots.js';
import VideoTile from '../components/VideoTile.jsx'; import VideoTile from '../components/VideoTile.jsx';
import ChatPanel from '../components/ChatPanel.jsx'; import ChatPanel from '../components/ChatPanel.jsx';
const ROTATE_MS = 9000; const ROTATE_MS = 13000;
function formatDriverLabel({ roverId, session }) { function formatDriverLabel({ roverId, session }) {
const activeDriverId = session?.activeDrivers?.[roverId] || null; const activeDriverId = session?.activeDrivers?.[roverId] || null;
@@ -98,7 +98,7 @@ function MiniSummaryContent() {
Switching to spectator… Switching to spectator…
</div> </div>
) : activeRover ? ( ) : activeRover ? (
<div className="relative h-full w-full"> <FitViewportFrame>
<VideoTile <VideoTile
sessionInfo={activeVideo} sessionInfo={activeVideo}
audioSessionInfo={activeAudio} audioSessionInfo={activeAudio}
@@ -111,9 +111,11 @@ function MiniSummaryContent() {
hudForceMap hudForceMap
hudMapPosition="bottom-left" hudMapPosition="bottom-left"
/> />
</div> </FitViewportFrame>
) : activeCamera ? ( ) : 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"> <div className="flex h-full w-full items-center justify-center text-sm text-slate-500">
No sources available. No sources available.
@@ -171,3 +173,13 @@ function ChatOverlay() {
</div> </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>
);
}