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

rover labels and theme tweakings

Browse Source
This commit is contained in:
legop3
2026-06-02 02:44:47 -04:00
parent e1f8000cce
commit 98156676ee
20 changed files with 261 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/HudOverlays/HudOverlay/RoverLabelOverlay.jsx
+3 -16
View File
@@ -1,4 +1,4 @@
import { roverNameChromeStyle } from '../../../lib/roverColor.js';
import RoverLabel from '../../RoverLabel/index.jsx';
export default function RoverLabelOverlay({
variant = 'default',
@@ -20,12 +20,7 @@ export default function RoverLabelOverlay({
return (
<div className={`absolute ${labelPosClass} left-1/2`} style={labelWrapperStyle}>
<div className={`flex items-center gap-0.5 bg-black/80 text-slate-100 ${labelPadClass} ${labelTextClass}`}>
<span
className="font-semibold text-white rounded px-1 py-[1px] border border-transparent"
style={roverNameChromeStyle(roverColor, 0.18)}
>
{label || 'No rover'}
</span>
<RoverLabel name={label} color={roverColor} />
{driverLabel ? <span className="text-slate-300">• {driverLabel}</span> : null}
</div>
</div>
@@ -35,15 +30,7 @@ export default function RoverLabelOverlay({
return (
<div className={`absolute ${labelPosClass} left-1/2`} style={labelWrapperStyle}>
<div className={`flex gap-0.5 bg-black/80 text-slate-100 ${labelPadClass} ${labelTextClass}`}>
<span>
Rover:{' '}
<span
className="rounded px-1 py-[1px] border border-transparent"
style={roverNameChromeStyle(roverColor, 0.18)}
>
"{label || 'No rover'}"
</span>
</span>
<RoverLabel name={label} color={roverColor} />
</div>
</div>
);