mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-16 01:21:20 -04:00
more layout tweaking
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -11,8 +11,8 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="apple-mobile-web-app-title" content="Roomba Rover" />
|
||||
<title>Roomba Rover</title>
|
||||
<script type="module" crossorigin src="/assets/index-BbhgEbHf.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-C47xw0G6.css">
|
||||
<script type="module" crossorigin src="/assets/index-BWCCFBa_.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-BcnYeuah.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
@@ -60,7 +60,7 @@ export default function ReplayReadyPopup({ replay, onClose, variant = 'modal' })
|
||||
// The floating panel is intentionally compact because it appears for users who
|
||||
// did not ask for the replay. It still loads the video immediately, but its
|
||||
// bounded height prevents the floating card from covering too much of the UI.
|
||||
className="aspect-video max-h-[12rem] w-full bg-black"
|
||||
className="aspect-video max-h-[24rem] w-full bg-black"
|
||||
/>
|
||||
</div>
|
||||
</CardFrame>
|
||||
|
||||
@@ -206,7 +206,7 @@ export default function ReplaySourcesPanel({ panelId = 'replay-sources', fillHei
|
||||
return (
|
||||
<div className={`relative ${fillHeight ? 'flex h-full min-h-0 flex-col' : ''}`}>
|
||||
{showPanelReplay ? (
|
||||
<div className="absolute bottom-[calc(100%+0.125rem)] left-0 z-[70] w-full max-w-full">
|
||||
<div className="absolute bottom-[calc(100%+0.125rem)] left-1/2 z-[70] w-[min(42rem,calc(100vw-1rem))] -translate-x-1/2">
|
||||
<ReplayReadyPopup
|
||||
replay={latestReplay}
|
||||
variant="floating-panel"
|
||||
@@ -221,8 +221,8 @@ export default function ReplaySourcesPanel({ panelId = 'replay-sources', fillHei
|
||||
</div>
|
||||
<div className="space-y-0.5">
|
||||
<div className="flex items-center gap-0.5">
|
||||
<label className="panel-muted shrink-0 text-xs" htmlFor={`${panelId}-title`}>
|
||||
Replay title
|
||||
<label className="surface shrink-0 text-xs" htmlFor={`${panelId}-title`}>
|
||||
Replay title:
|
||||
</label>
|
||||
{/* The label has fixed-width content, while the input owns the remaining row space.
|
||||
This keeps the title control compact without making the input compete with
|
||||
|
||||
Reference in New Issue
Block a user