This commit is contained in:
legop3
2025-11-18 14:13:06 -05:00
parent e037096914
commit 8e520a6368
5 changed files with 12 additions and 8 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -5,8 +5,8 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>webui</title> <title>webui</title>
<script type="module" crossorigin src="/assets/index-6WoFVc7z.js"></script> <script type="module" crossorigin src="/assets/index-Ctxo8-XM.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-2kLuv95p.css"> <link rel="stylesheet" crossorigin href="/assets/index-BTX_m20O.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+8 -4
View File
@@ -159,7 +159,7 @@ function BatteryBar({ charge, config, label, status }) {
return ( return (
<div className="rounded-sm bg-[#1e1e1e] px-1 py-1 text-sm text-slate-200"> <div className="rounded-sm bg-[#1e1e1e] px-1 py-1 text-sm text-slate-200">
<div className="flex items-center justify-between text-xs text-slate-400"> <div className="flex items-center justify-between text-xs text-slate-400">
{/* <span>{label}</span> */} <span>{label}</span>
<span>{status}</span> <span>{status}</span>
</div> </div>
<p className="mt-1 text-xs text-slate-400">Battery telemetry unavailable</p> <p className="mt-1 text-xs text-slate-400">Battery telemetry unavailable</p>
@@ -185,7 +185,7 @@ function BatteryBar({ charge, config, label, status }) {
<div className="relative h-4 w-full rounded-full bg-slate-800"> <div className="relative h-4 w-full rounded-full bg-slate-800">
<div className={`h-full rounded-full transition-[width] ${barClass}`} style={{ width: `${percentDisplay}%` }} /> <div className={`h-full rounded-full transition-[width] ${barClass}`} style={{ width: `${percentDisplay}%` }} />
<span className="absolute inset-0 flex items-center justify-center text-xs font-semibold text-black/80"> <span className="absolute inset-0 flex items-center justify-center text-xs font-semibold text-black/80">
{percentText} Battery {percentText}
</span> </span>
</div> </div>
</div> </div>
@@ -231,8 +231,12 @@ function HudOverlay({ frame, session }) {
<HudBadge key={badge.label} label={badge.label} active={badge.active} /> <HudBadge key={badge.label} label={badge.label} active={badge.active} />
))} ))}
</div> */} </div> */}
{/* status that tells you the name of your rover */} {/* status that tells you the name of your rover (label) */}
<div className="absolute bottom-3 left-1/2 -translate-x-1/2 flex gap-2 rounded-full bg-gray-900/40 px-2 py-0.5 text-[0.65rem] font-medium text-slate-200">
<span>{session?.label || 'Unnamed Rover'}</span>
<span>|</span>
<span>{pulse ? 'Sensors Active' : 'No Recent Sensor Data'}</span>
</div>
{/* bump and wheel drops bar */} {/* bump and wheel drops bar */}