mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
wg
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
@@ -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-Ee_D496L.js"></script>
|
<script type="module" crossorigin src="/assets/index-Jqrwroia.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-Ck1EQb3J.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-x5WpGgIW.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="root"></div>
|
<div id="root"></div>
|
||||||
|
|||||||
@@ -758,13 +758,14 @@ function OvercurrentOverlay({ motors, fill = 0, compact = false }) {
|
|||||||
if (!motors?.length) return null;
|
if (!motors?.length) return null;
|
||||||
const safeLabels = motors.map((name) => OVERCURRENT_LABELS[name] || name);
|
const safeLabels = motors.map((name) => OVERCURRENT_LABELS[name] || name);
|
||||||
const containerClass = compact ? 'p-2' : 'p-4';
|
const containerClass = compact ? 'p-2' : 'p-4';
|
||||||
|
const sizeClass = compact ? 'min-w-[10rem] min-h-[3rem]' : 'min-w-[18rem] min-h-[6rem]';
|
||||||
const textClass = compact ? 'text-lg' : 'text-4xl';
|
const textClass = compact ? 'text-lg' : 'text-4xl';
|
||||||
const subTextClass = compact ? 'text-xs' : 'text-xl';
|
const subTextClass = compact ? 'text-xs' : 'text-xl';
|
||||||
const safeFill = Math.max(0, Math.min(1, fill));
|
const safeFill = Math.max(0, Math.min(1, fill));
|
||||||
const fillWidth = `${Math.round(safeFill * 100)}%`;
|
const fillWidth = `${Math.round(safeFill * 100)}%`;
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={`pointer-events-none absolute flex items-center justify-center bg-red-900/50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${containerClass}`}
|
className={`pointer-events-none absolute flex items-center justify-center bg-red-900/50 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${containerClass} ${sizeClass}`}
|
||||||
>
|
>
|
||||||
<div className="relative h-full w-full">
|
<div className="relative h-full w-full">
|
||||||
<div className="absolute inset-0 overflow-hidden">
|
<div className="absolute inset-0 overflow-hidden">
|
||||||
|
|||||||
Reference in New Issue
Block a user