mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
guh
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -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-CJki8Ky2.js"></script>
|
<script type="module" crossorigin src="/assets/index-Ee_D496L.js"></script>
|
||||||
<link rel="stylesheet" crossorigin href="/assets/index-Ck1EQb3J.css">
|
<link rel="stylesheet" crossorigin href="/assets/index-Ck1EQb3J.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -764,14 +764,16 @@ function OvercurrentOverlay({ motors, fill = 0, compact = false }) {
|
|||||||
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} relative`}
|
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}`}
|
||||||
>
|
>
|
||||||
<div className="absolute inset-0 overflow-hidden">
|
<div className="relative h-full w-full">
|
||||||
<div className="h-full bg-red-700/60" style={{ width: fillWidth }} />
|
<div className="absolute inset-0 overflow-hidden">
|
||||||
</div>
|
<div className="h-full bg-red-700/60" style={{ width: fillWidth }} />
|
||||||
<div className={`relative z-10 text-center font-semibold text-white animate-pulse ${textClass}`}>
|
</div>
|
||||||
<div>OVERCURRENT</div>
|
<div className={`relative z-10 flex h-full w-full flex-col items-center justify-center text-center font-semibold text-white animate-pulse ${textClass}`}>
|
||||||
<div className={`mt-0 font-medium text-white ${subTextClass}`}>{safeLabels.join(', ')}</div>
|
<div>OVERCURRENT</div>
|
||||||
|
<div className={`mt-0 font-medium text-white ${subTextClass}`}>{safeLabels.join(', ')}</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user