mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
minimization
This commit is contained in:
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
@@ -5,8 +5,8 @@
|
|||||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>webui</title>
|
<title>webui</title>
|
||||||
<script type="module" crossorigin src="/assets/index-BsFjPjMz.js"></script>
|
<script type="module" crossorigin src="/assets/index-DpqYGJw5.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-BlCqEIWr.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-D_R7IqbV.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
@@ -104,7 +104,7 @@ export default function CameraServoPanel() {
|
|||||||
<span>{formatDegrees(max)}</span>
|
<span>{formatDegrees(max)}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex gap-0.5 text-sm">
|
{/* <div className="flex gap-0.5 text-sm">
|
||||||
<button type="button" className="flex-1 button-dark" onClick={() => handleNudge(-1)}>
|
<button type="button" className="flex-1 button-dark" onClick={() => handleNudge(-1)}>
|
||||||
Tilt Down
|
Tilt Down
|
||||||
</button>
|
</button>
|
||||||
@@ -114,10 +114,10 @@ export default function CameraServoPanel() {
|
|||||||
<button type="button" className="flex-1 button-dark" onClick={() => handleNudge(1)}>
|
<button type="button" className="flex-1 button-dark" onClick={() => handleNudge(1)}>
|
||||||
Tilt Up
|
Tilt Up
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div> */}
|
||||||
<p className="text-xs text-slate-400">
|
{/* <p className="text-xs text-slate-400">
|
||||||
Step: {formatDegrees(step)} · Pin GPIO {config?.pin}
|
Step: {formatDegrees(step)} · Pin GPIO {config?.pin}
|
||||||
</p>
|
</p> */}
|
||||||
</section>
|
</section>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -28,10 +28,10 @@ export default function DrivePanel() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section className="panel-section space-y-0.5 text-base">
|
<section className="panel-section space-y-0.5 text-base">
|
||||||
<div className="flex items-center justify-between text-sm text-slate-300">
|
{/* <div className="flex items-center justify-between text-sm text-slate-300">
|
||||||
<span>Drive control</span>
|
<span>Drive control</span>
|
||||||
<span>{roverId ? 'Ready to drive' : 'No rover assigned'}</span>
|
<span>{roverId ? 'Ready to drive' : 'No rover assigned'}</span>
|
||||||
</div>
|
</div> */}
|
||||||
<div className="space-y-0.5">
|
<div className="space-y-0.5">
|
||||||
<ActionCard
|
<ActionCard
|
||||||
title="Start Driving"
|
title="Start Driving"
|
||||||
@@ -67,7 +67,7 @@ function ActionCard({ title, description, statuses, tone, onClick, disabled, foo
|
|||||||
type="button"
|
type="button"
|
||||||
onClick={onClick}
|
onClick={onClick}
|
||||||
disabled={disabled}
|
disabled={disabled}
|
||||||
className={`w-full ${colors.base} ${colors.hover} px-0.5 py-0.5 text-left text-white transition-colors disabled:opacity-40`}
|
className={`w-full ${colors.base} ${colors.hover} px-0.5 py-0.5 text-left text-white transition-colors disabled:opacity-40 disabled:cursor-not-allowed text-center content-center`}
|
||||||
>
|
>
|
||||||
<p className="text-base font-semibold">{title}</p>
|
<p className="text-base font-semibold">{title}</p>
|
||||||
<p className="text-sm text-white/90">{description}</p>
|
<p className="text-sm text-white/90">{description}</p>
|
||||||
|
|||||||
@@ -219,8 +219,8 @@ function HudOverlay({ frame, label }) {
|
|||||||
return (
|
return (
|
||||||
<div className="pointer-events-none absolute inset-0 flex items-center justify-center">
|
<div className="pointer-events-none absolute inset-0 flex items-center justify-center">
|
||||||
<div className="absolute bottom-0.5 left-1/2 flex -translate-x-1/2 gap-0.5 bg-black/80 px-0.5 py-0.5 text-xs text-slate-100">
|
<div className="absolute bottom-0.5 left-1/2 flex -translate-x-1/2 gap-0.5 bg-black/80 px-0.5 py-0.5 text-xs text-slate-100">
|
||||||
<span>You are driving {label || 'Unnamed Rover'}</span>
|
<span>You are driving: {label || 'Unnamed Rover'}</span>
|
||||||
<span>{pulse ? 'Sensors active' : 'No recent sensors'}</span>
|
{/* <span>{pulse ? 'Sensors active' : 'No recent sensors'}</span> */}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user