mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-15 17:12:59 -04:00
update ui layout
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -11,7 +11,7 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -98,11 +98,11 @@ export default function ReplaySourcesPanel({ panelId = 'replay-sources' }) {
|
||||
|
||||
return (
|
||||
<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>{sources.length}</span>
|
||||
</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="Room Cams" items={grouped.rooms} selected={selected} onToggle={toggleKey} />
|
||||
</div>
|
||||
@@ -125,7 +125,7 @@ function GroupList({ title, items, selected, onToggle }) {
|
||||
if (!items.length) return null;
|
||||
return (
|
||||
<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">
|
||||
{items.map((item) => (
|
||||
<label key={item.key} className="surface flex items-center gap-0.5 text-xs">
|
||||
|
||||
Reference in New Issue
Block a user