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

ui tweaks

Browse Source
This commit is contained in:
legop3
2026-04-18 19:16:46 -04:00
parent 3513a11068
commit e5e8e9ed0f
5 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-BTc7ve5w.css
+1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-DVfgQd9L.css
-1
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-B2Pp657C.js → server/public/assets/index-Dpm2R3OA.js
+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-B2Pp657C.js"></script> <script type="module" crossorigin src="/assets/index-Dpm2R3OA.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DVfgQd9L.css"> <link rel="stylesheet" crossorigin href="/assets/index-BTc7ve5w.css">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
webui/src/components/ButtonBoxPanel.jsx
+6 -7
View File
@@ -122,12 +122,11 @@ export default function ButtonBoxPanel() {
}, [effectiveAlertVolume, socket]); }, [effectiveAlertVolume, socket]);
return ( return (
<section className="panel-section space-y-0.5 text-base"> <section className="panel-section space-y-1 text-base">
<header className="flex items-center justify-between gap-0.5 text-sm text-slate-400"> <header className="text-center text-sm text-slate-300">
<p>Button Box</p> <p>Button Box</p>
<p className="text-xs text-slate-500">Live from session</p>
</header> </header>
<div className="grid grid-cols-4 gap-0.5"> <div className="grid grid-cols-4 gap-1">
{buttons.map((button) => { {buttons.map((button) => {
const id = Number(button.id); const id = Number(button.id);
const count = Number.isFinite(button.count) ? button.count : 0; const count = Number.isFinite(button.count) ? button.count : 0;
@@ -143,16 +142,16 @@ export default function ButtonBoxPanel() {
<article <article
key={id} key={id}
className={[ className={[
'rounded bg-zinc-950 p-0.5 shadow-inner shadow-black/40 transition-colors duration-200', 'rounded bg-slate-800/70 p-1 text-center shadow-sm ring-1 ring-white/10 transition-colors duration-200',
incActive ? 'bg-cyan-900/70 ring-1 ring-cyan-400/70' : '', incActive ? 'bg-cyan-900/70 ring-1 ring-cyan-400/70' : '',
rewardActive ? 'bg-fuchsia-900/70 ring-1 ring-fuchsia-400/80' : '', rewardActive ? 'bg-fuchsia-900/70 ring-1 ring-fuchsia-400/80' : '',
] ]
.filter(Boolean) .filter(Boolean)
.join(' ')} .join(' ')}
> >
<p className="text-xs text-slate-400">Button {id}</p> <p className="text-xs text-slate-300">Button {id}</p>
<p className="text-sm font-semibold text-white">{count} / {goal}</p> <p className="text-sm font-semibold text-white">{count} / {goal}</p>
<p className="truncate text-[0.7rem] text-slate-300">#{rewardNumber} {rewardName}</p> <p className="truncate text-[0.7rem] text-slate-200">#{rewardNumber} {rewardName}</p>
</article> </article>
); );
})} })}