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

overseer panel tweaking

Browse Source
This commit is contained in:
legop3
2026-05-19 21:12:57 -04:00
parent 8c2162d918
commit daa8942a29
6 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webui/src/components/OverseerPreferencePanel/index.jsx
+20 -11
View File
@@ -22,21 +22,30 @@ export default function OverseerPreferencePanel() {
};
return (
<section className="surface p-1 text-xs text-slate-200">
<div className="flex items-center justify-between gap-2">
<label className="inline-flex items-center gap-1.5">
<section className="surface p-1.5 text-xs text-slate-200">
<div className="space-y-1">
<div className="text-[0.65rem] font-semibold uppercase tracking-wide text-slate-400">Overseer Vote</div>
<label className="flex items-center gap-2 rounded border border-slate-700/70 bg-slate-900/60 px-2 py-1.5">
<input type="checkbox" checked={enabled} onChange={onToggle} />
<span>Overseer vote</span>
<span className="text-slate-100">Enable Overseer for me</span>
</label>
<span className={running ? 'text-emerald-300' : 'text-slate-400'}>
running: {running ? 'yes' : 'no'}
</span>
</div>
<div className="mt-1 text-[0.65rem] text-slate-400">
yes {Number(vote?.yesCount || 0)} / no {Number(vote?.noCount || 0)} / online {Number(vote?.onlineCount || 0)}
<div className="mt-1.5 grid grid-cols-2 gap-1">
<div className="rounded border border-slate-700/70 bg-slate-900/50 px-2 py-1">
<div className="text-[0.6rem] uppercase tracking-wide text-slate-500">Running</div>
<div className={running ? 'font-semibold text-emerald-300' : 'font-semibold text-slate-300'}>
{running ? 'YES' : 'NO'}
</div>
</div>
<div className="rounded border border-slate-700/70 bg-slate-900/50 px-2 py-1">
<div className="text-[0.6rem] uppercase tracking-wide text-slate-500">Your vote</div>
<div className="font-semibold text-slate-200">{(sessionIdentity?.overseerEnabled ?? enabled) ? 'YES' : 'NO'}</div>
</div>
</div>
<div className="mt-0.5 text-[0.65rem] text-slate-500">
your vote: {(sessionIdentity?.overseerEnabled ?? enabled) ? 'yes' : 'no'}
<div className="mt-1.5 rounded border border-slate-700/70 bg-slate-900/50 px-2 py-1 text-[0.65rem] text-slate-400">
yes {Number(vote?.yesCount || 0)} / no {Number(vote?.noCount || 0)} / online {Number(vote?.eligibleCount || vote?.onlineCount || 0)}
</div>
</section>
);