This commit is contained in:
legop3
2026-01-21 14:43:47 -05:00
parent 69198a5556
commit 0b1551cabf
5 changed files with 6 additions and 5 deletions
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
+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-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>
+2 -1
View File
@@ -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">