legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

bar fix

Browse Source
This commit is contained in:
legop3
2026-01-21 14:35:46 -05:00
parent d2acd9f19a
commit f3a5e7bf77
4 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-CjWiRXRu.js → server/public/assets/index-CJki8Ky2.js
+1 -1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CVAmzxlA.css → server/public/assets/index-Ck1EQb3J.css
+1 -1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+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-title" content="Multi Roomba Rover" />
<title>Multi Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-CjWiRXRu.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CVAmzxlA.css">
<script type="module" crossorigin src="/assets/index-CJki8Ky2.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Ck1EQb3J.css">
</head>
<body>
<div id="root"></div>
webui/src/components/VideoTile.jsx
+7 -9
View File
@@ -764,16 +764,14 @@ function OvercurrentOverlay({ motors, fill = 0, compact = false }) {
const fillWidth = `${Math.round(safeFill * 100)}%`;
return (
<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}`}
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`}
>
<div className="relative w-full h-full flex items-center justify-center">
<div className="absolute inset-0 overflow-hidden">
<div className="h-full bg-red-700/60" style={{ width: fillWidth }} />
</div>
<div className={`relative z-10 text-center font-semibold text-white animate-pulse ${textClass}`}>
<div>OVERCURRENT</div>
<div className={`mt-0 font-medium text-white ${subTextClass}`}>{safeLabels.join(', ')}</div>
</div>
<div className="absolute inset-0 overflow-hidden">
<div className="h-full bg-red-700/60" style={{ width: fillWidth }} />
</div>
<div className={`relative z-10 text-center font-semibold text-white animate-pulse ${textClass}`}>
<div>OVERCURRENT</div>
<div className={`mt-0 font-medium text-white ${subTextClass}`}>{safeLabels.join(', ')}</div>
</div>
</div>
);