This commit is contained in:
legop3
2026-01-21 13:06:32 -05:00
parent 02603aa664
commit bcfb2946cf
3 changed files with 10 additions and 9 deletions
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-DlYfmusA.js"></script> <script type="module" crossorigin src="/assets/index-Do17t9B2.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-HhAzSaxc.css"> <link rel="stylesheet" crossorigin href="/assets/index-HhAzSaxc.css">
</head> </head>
<body> <body>
+3 -2
View File
@@ -120,8 +120,9 @@ export default function VideoTile({
: overcurrentMotors.length : overcurrentMotors.length
? 1 ? 1
: 0; : 0;
const overlayVisible = overcurrentActive || overlayFill > 0.01;
const overlayOpacity = clampUnit( const overlayOpacity = clampUnit(
overcurrentActive ? Math.max(overlayFill * 1.2, 0.25) : overlayFill * 1.2, overlayVisible ? Math.max(overlayFill * 1.2, overcurrentActive ? 0.25 : 0.2) : 0,
); );
const overcurrentLabels = useMemo(() => { const overcurrentLabels = useMemo(() => {
if (!overcurrentLimiter) { if (!overcurrentLimiter) {
@@ -776,7 +777,7 @@ function OvercurrentOverlay({ labels, fill = 0, opacity = 1, compact = false })
const resolvedOpacity = clampUnit(opacity); const resolvedOpacity = clampUnit(opacity);
return ( return (
<div <div
className={`pointer-events-none absolute flex items-center justify-center bg-red-900/60 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${containerClass} relative`} className={`pointer-events-none absolute z-30 flex items-center justify-center bg-red-900/60 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 ${containerClass} relative`}
style={{ opacity: resolvedOpacity }} style={{ opacity: resolvedOpacity }}
> >
<div className="absolute inset-0 overflow-hidden"> <div className="absolute inset-0 overflow-hidden">