This commit is contained in:
legop3
2025-12-21 14:50:33 -05:00
parent 0836afc0c0
commit 8e01dcaabd
5 changed files with 18 additions and 19 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+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-BfzsBBUc.js"></script> <script type="module" crossorigin src="/assets/index-bOy4wWKD.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BJwrnf9g.css"> <link rel="stylesheet" crossorigin href="/assets/index-BJwrnf9g.css">
</head> </head>
<body> <body>
+1 -2
View File
@@ -24,7 +24,6 @@ import FullscreenPrompt from './components/FullscreenPrompt.jsx';
import { useFullscreenPrompt } from './hooks/useFullscreenPrompt.js'; import { useFullscreenPrompt } from './hooks/useFullscreenPrompt.js';
import { useSettingsNamespace } from './settings/index.js'; import { useSettingsNamespace } from './settings/index.js';
import HelpOverlay from './components/HelpOverlay.jsx'; import HelpOverlay from './components/HelpOverlay.jsx';
import DrivePanel from './components/DrivePanel.jsx';
function useLayoutMode() { function useLayoutMode() {
const [mode, setMode] = useState(() => { const [mode, setMode] = useState(() => {
@@ -122,7 +121,7 @@ function MobileLandscapeLayout() {
</section> </section>
<RoomCameraPanel panelId="mobile-landscape-room" /> <RoomCameraPanel panelId="mobile-landscape-room" />
<HomeAssistantControls /> <HomeAssistantControls />
<DrivePanel /> {/* <DrivePanel /> */}
</div> </div>
</div> </div>
); );
+4 -4
View File
@@ -63,8 +63,8 @@ export default function ControlSummary() {
<div className="grid h-full grid-rows-[1fr_1fr_auto] gap-0.75"> <div className="grid h-full grid-rows-[1fr_1fr_auto] gap-0.75">
<ActionButton <ActionButton
title="Start Driving" title="Start Driving"
description="Enable driving mode, then move the rover." description="Enable driving mode, then begin driving."
statuses={[{ label: driving ? 'Ready' : 'Not ready', active: driving }]} statuses={[{ label: driving ? 'Ready' : 'Press to enter driving mode', active: driving }]}
tone="emerald" tone="emerald"
onClick={handleStartDrive} onClick={handleStartDrive}
disabled={!roverId} disabled={!roverId}
@@ -73,7 +73,7 @@ export default function ControlSummary() {
/> />
<ActionButton <ActionButton
title="Dock and Charge" title="Dock and Charge"
description="Trigger an automatic docking attempt." description="Line up about a foot from the dock, then press to attempt auto-dock."
statuses={[ statuses={[
{ label: docked ? 'Docked' : 'Not docked', active: docked }, { label: docked ? 'Docked' : 'Not docked', active: docked },
{ label: charging ? 'Charging' : 'Not charging', active: charging }, { label: charging ? 'Charging' : 'Not charging', active: charging },
@@ -142,7 +142,7 @@ function StatusPill({ label, active }) {
return ( return (
<span <span
className={`rounded px-1.5 py-0.5 text-[0.7rem] font-semibold ${ className={`rounded px-1.5 py-0.5 text-[0.7rem] font-semibold ${
active ? 'bg-emerald-600 text-white' : 'bg-slate-700 text-slate-200' active ? 'bg-emerald-600 text-white' : 'bg-red-500 text-white'
}`} }`}
> >
{label} {label}