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

update ui layout

Browse Source
This commit is contained in:
legop3
2026-01-13 20:24:00 -05:00
parent e666b4c195
commit 5caf26bb2d
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-BL3lHV6I.js → server/public/assets/index-CCZGd9x8.js
+1 -1
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+1 -1
View File
@@ -11,7 +11,7 @@
<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-BL3lHV6I.js"></script> <script type="module" crossorigin src="/assets/index-CCZGd9x8.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DPKQJjsh.css"> <link rel="stylesheet" crossorigin href="/assets/index-DPKQJjsh.css">
</head> </head>
<body> <body>
webui/src/components/ReplaySourcesPanel.jsx
+3 -3
View File
@@ -98,11 +98,11 @@ export default function ReplaySourcesPanel({ panelId = 'replay-sources' }) {
return ( return (
<section className="panel-section p-0.75 text-sm"> <section className="panel-section p-0.75 text-sm">
<header className="panel-muted flex items-center justify-between text-xs uppercase tracking-wide"> <header className="panel-muted flex items-center justify-between text-xs">
<span>Replay Sources</span> <span>Replay Sources</span>
<span>{sources.length}</span> <span>{sources.length}</span>
</header> </header>
<div className="space-y-0.5"> <div className="grid gap-0.5 md:grid-cols-2">
<GroupList title="Rovers" items={grouped.rovers} selected={selected} onToggle={toggleKey} /> <GroupList title="Rovers" items={grouped.rovers} selected={selected} onToggle={toggleKey} />
<GroupList title="Room Cams" items={grouped.rooms} selected={selected} onToggle={toggleKey} /> <GroupList title="Room Cams" items={grouped.rooms} selected={selected} onToggle={toggleKey} />
</div> </div>
@@ -125,7 +125,7 @@ function GroupList({ title, items, selected, onToggle }) {
if (!items.length) return null; if (!items.length) return null;
return ( return (
<div className="space-y-0.25"> <div className="space-y-0.25">
<div className="panel-muted text-xs uppercase">{title}</div> <div className="panel-muted text-xs">{title}</div>
<div className="space-y-0.25"> <div className="space-y-0.25">
{items.map((item) => ( {items.map((item) => (
<label key={item.key} className="surface flex items-center gap-0.5 text-xs"> <label key={item.key} className="surface flex items-center gap-0.5 text-xs">