This commit is contained in:
legop3
2026-01-28 14:11:44 -05:00
parent d2722e40cc
commit 2cc0ce962f
6 changed files with 42 additions and 33 deletions
+6 -1
View File
@@ -65,7 +65,12 @@ export default function ControlSummary() {
</div>
<div className="grid h-full grid-rows-[1fr_1fr_auto] gap-0.5">
<div className="row-span-2">
<DriveDockAction layout="desktop" expand={hideInlineControls} driveDockState={driveDockState} />
<DriveDockAction
layout="desktop"
expand={hideInlineControls}
fill={!hideInlineControls}
driveDockState={driveDockState}
/>
</div>
{!hideInlineControls ? <InlineCameraTilt keymap={keymap} /> : null}
</div>
+2 -2
View File
@@ -91,7 +91,7 @@ function DockModal({ instructions, onConfirm, onCancel, pending }) {
);
}
export default function DriveDockAction({ layout = 'desktop', expand = false, driveDockState }) {
export default function DriveDockAction({ layout = 'desktop', expand = false, fill = false, driveDockState }) {
const isMobile = layout === 'mobile';
const {
state: { roverId, keymap },
@@ -186,7 +186,7 @@ export default function DriveDockAction({ layout = 'desktop', expand = false, dr
'border-amber-300/70 bg-amber-900 text-amber-50 hover:bg-amber-800 focus-visible:ring-amber-300';
const indigoCta =
'border-indigo-300/70 bg-indigo-900 text-indigo-50 hover:bg-indigo-800 focus-visible:ring-indigo-300';
const filledHeight = expand ? 'h-full flex-1' : '';
const filledHeight = expand ? 'h-full flex-1' : fill ? 'flex-1' : '';
if (!driving && !dockingInProgress) {
return (
+6 -1
View File
@@ -39,7 +39,12 @@ function DriveDockPanel() {
return (
<section className="panel-section flex h-full flex-col gap-0.5">
<DriveDockAction layout="desktop" expand={hideInlineControls} driveDockState={driveDockState} />
<DriveDockAction
layout="desktop"
expand={hideInlineControls}
fill={!hideInlineControls}
driveDockState={driveDockState}
/>
{!hideInlineControls ? <InlineCameraTilt keymap={keymap} /> : null}
</section>
);