fix: centre the Yaesu panel like the Icom and Flex ones
Capping the width without mx-auto pinned the console to the left edge with an empty window beside it. It now uses the exact wrapper the other two panels use — h-full min-h-0 overflow-auto bg-background, then max-w-5xl mx-auto p-3 — rather than a second layout of my own invention.
This commit is contained in:
@@ -284,8 +284,11 @@ export function YaesuPanel({ onReportRST }: { onReportRST?: (rst: string) => voi
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="h-full w-full overflow-auto p-3">
|
||||
<div className="max-w-[560px] space-y-3">
|
||||
<div className="h-full min-h-0 overflow-auto bg-background">
|
||||
{/* Same wrapper as the Icom and Flex panels: capped width, CENTRED. Capping
|
||||
it without mx-auto left the console pinned to the left edge with a
|
||||
window of empty space beside it. */}
|
||||
<div className="max-w-5xl mx-auto p-3 space-y-3">
|
||||
{/* VFO + status */}
|
||||
<div className="rounded-xl border border-border bg-card shadow-sm px-4 py-3 flex items-center justify-between gap-3 flex-wrap">
|
||||
<div>
|
||||
|
||||
Reference in New Issue
Block a user