This commit is contained in:
legop3
2025-11-16 03:22:02 -05:00
parent 18022a2a91
commit 750c6401d2
4 changed files with 8 additions and 6 deletions
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-DeASE8GM.js"></script> <script type="module" crossorigin src="/assets/index-CAtTh0CL.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DTwN9tlx.css"> <link rel="stylesheet" crossorigin href="/assets/index-DU_3z6JA.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
+4 -2
View File
@@ -59,15 +59,17 @@ export default function TelemetryPanel() {
</div> </div>
)} )}
{rawSnippet && ( {rawSnippet && (
<pre className="mt-1 overflow-hidden rounded-sm bg-black/60 p-1 text-sm text-lime-300"> <pre className="mt-1 overflow-scroll p-1 text-xs text-lime-300">
{rawSnippet} {rawSnippet}
</pre> </pre>
)} )}
<div className="mt-1"> <div className="mt-1">
<p className="text-sm text-slate-400">Rovers</p> <p className="text-sm text-slate-400">Rovers</p>
{roster.length === 0 ? ( {roster.length === 0 ? (
// if there ARE NO rovers
<p className="text-sm text-slate-500">No roster data.</p> <p className="text-sm text-slate-500">No roster data.</p>
) : ( ) : (
// if there ARE rovers
<ul className="mt-1 space-y-1 text-sm"> <ul className="mt-1 space-y-1 text-sm">
{roster.map((rover) => ( {roster.map((rover) => (
<li key={rover.id} className="flex items-center justify-between gap-1"> <li key={rover.id} className="flex items-center justify-between gap-1">
@@ -102,7 +104,7 @@ function Metric({ label, value }) {
// <span className="text-slate-400">{label}</span> // <span className="text-slate-400">{label}</span>
// <span className="text-slate-200">{value}</span> // <span className="text-slate-200">{value}</span>
// </div> // </div>
<div className="bg-gray-500 rounded-sm p-0.5 text-sm"> <div className="bg-gray-700 rounded-sm p-0.5 text-sm">
{label}: {value} {label}: {value}
</div> </div>
); );