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

web ui fixes and tweaks

Browse Source
This commit is contained in:
legop3
2025-12-29 18:27:15 -05:00
parent 5ef6b640c6
commit 5829cd370c
5 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-CC16_icM.js → server/public/assets/index-ff57kxdF.js
+5 -5
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+1 -1
View File
@@ -11,7 +11,7 @@
<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-CC16_icM.js"></script> <script type="module" crossorigin src="/assets/index-ff57kxdF.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DUNdvQw9.css"> <link rel="stylesheet" crossorigin href="/assets/index-DUNdvQw9.css">
</head> </head>
<body> <body>
webui/src/App.jsx
+2 -2
View File
@@ -89,8 +89,8 @@ function MobilePortraitLayout() {
<TelemetryPanel /> <TelemetryPanel />
<AuthPanel /> <AuthPanel />
<AdminPanel /> <AdminPanel />
<RoomCameraPanel panelId="mobile-portrait-room" />
<HomeAssistantControls /> <HomeAssistantControls />
<RoomCameraPanel panelId="mobile-portrait-room" />
<LogPanel /> <LogPanel />
</div> </div>
); );
@@ -119,8 +119,8 @@ function MobileLandscapeLayout() {
<ChatPanel /> <ChatPanel />
</div> </div>
</section> </section>
<RoomCameraPanel panelId="mobile-landscape-room" />
<HomeAssistantControls /> <HomeAssistantControls />
<RoomCameraPanel panelId="mobile-landscape-room" />
{/* <DrivePanel /> */} {/* <DrivePanel /> */}
</div> </div>
</div> </div>
webui/src/components/MobileControls.jsx
+4 -5
View File
@@ -198,9 +198,8 @@ function MobileJoystickPanel({ layout }) {
setServoAngle(next); setServoAngle(next);
}; };
const containerClass = `flex flex-col gap-0.5 text-slate-100 ${ const fillClass = dockedNotDriving ? 'max-h-screen self-start' : '';
dockedNotDriving ? 'h-screen max-h-screen' : '' const containerClass = `flex h-full flex-col gap-0.5 text-slate-100 ${fillClass}`;
}`;
return ( return (
<div className={containerClass}> <div className={containerClass}>
@@ -285,7 +284,7 @@ function AuxMotorPanel({ orientation }) {
const gridCols = orientation === 'landscape' ? 'grid-cols-1' : 'grid-cols-1 sm:grid-cols-2'; const gridCols = orientation === 'landscape' ? 'grid-cols-1' : 'grid-cols-1 sm:grid-cols-2';
return ( return (
<div className="flex flex-col gap-0.5 text-slate-100"> <div className="flex h-full flex-col gap-0.5 text-slate-100">
<p className="text-xs text-slate-400">Aux controls</p> <p className="text-xs text-slate-400">Aux controls</p>
<div className={`grid ${gridCols} gap-0.5`}> <div className={`grid ${gridCols} gap-0.5`}>
{AUX_BUTTONS.map((button) => ( {AUX_BUTTONS.map((button) => (
@@ -330,7 +329,7 @@ export function MobileLandscapeControlColumn() {
export default function MobilePortraitControls() { export default function MobilePortraitControls() {
return ( return (
<section className="panel"> <section className="panel">
<div className="grid grid-cols-2 gap-0.5"> <div className="grid grid-cols-2 gap-0.5 items-stretch">
<AuxMotorPanel orientation="portrait" /> <AuxMotorPanel orientation="portrait" />
<MobileJoystickPanel layout="portrait" /> <MobileJoystickPanel layout="portrait" />
</div> </div>
webui/src/components/RightPaneTabs.jsx
+1 -1
View File
@@ -19,8 +19,8 @@ export default function RightPaneTabs({ layout, onOpenHelpOverlay }) {
<TabPanel id="telemetry"> <TabPanel id="telemetry">
<div className="space-y-0.5"> <div className="space-y-0.5">
<ControlSummary /> <ControlSummary />
<RoomCameraPanel defaultOrientation="horizontal" panelId="rightpane-telemetry" />
<HomeAssistantControls /> <HomeAssistantControls />
<RoomCameraPanel defaultOrientation="horizontal" panelId="rightpane-telemetry" />
<TelemetryPanel /> <TelemetryPanel />
</div> </div>
</TabPanel> </TabPanel>