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

tweak

Browse Source
This commit is contained in:
legop3
2025-12-26 23:09:40 -05:00
parent 9ea29f8e36
commit 1a6ca5ce73
4 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-BTIDGQND.js → server/public/assets/index-CbjSjbCA.js
+5 -5
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-CvzdH92u.css → server/public/assets/index-Dv-S8jVC.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-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-BTIDGQND.js"></script> <script type="module" crossorigin src="/assets/index-CbjSjbCA.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CvzdH92u.css"> <link rel="stylesheet" crossorigin href="/assets/index-Dv-S8jVC.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/DockAssistHUD.jsx
+6 -5
View File
@@ -2,9 +2,10 @@ import { useMemo } from 'react';
import { useDockIr } from '../hooks/useDockIr.js'; import { useDockIr } from '../hooks/useDockIr.js';
const SVG_SIZE = 150; const SVG_SIZE = 150;
const SVG_HEIGHT = 150;
const CENTER_X = SVG_SIZE / 2; const CENTER_X = SVG_SIZE / 2;
const DOCK_Y = 26; const DOCK_Y = 24;
const ROVER_Y = 120; const ROVER_Y = 110;
function lobePath(side = 'left') { function lobePath(side = 'left') {
if (side === 'left') { if (side === 'left') {
@@ -50,9 +51,9 @@ export default function DockAssistHUD({ sensors }) {
const aligned = state.left.red && state.left.green && state.right.red && state.right.green && state.forceDetected; const aligned = state.left.red && state.left.green && state.right.red && state.right.green && state.forceDetected;
return ( return (
<div className="pointer-events-none absolute inset-x-0 top-0 flex justify-center p-1"> <div className="pointer-events-none absolute inset-x-0 top-0 flex justify-center p-0.5">
<div className="rounded bg-black/60 px-1 py-0.5 shadow-lg shadow-black/50 ring-1 ring-white/10"> <div className="rounded bg-black/60 px-0.75 py-0.5 shadow-lg shadow-black/40 ring-1 ring-white/10">
<svg width={SVG_SIZE} height={SVG_SIZE * 0.78} viewBox={`0 0 ${SVG_SIZE} ${SVG_SIZE * 0.78}`} role="img" aria-label="Docking assist"> <svg width={SVG_SIZE} height={SVG_HEIGHT} viewBox={`0 0 ${SVG_SIZE} ${SVG_HEIGHT}`} role="img" aria-label="Docking assist">
{/* Force field halo */} {/* Force field halo */}
<circle <circle
cx={CENTER_X} cx={CENTER_X}