rouggy/OpsLog
0
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 49 Wiki Activity

fix: centre the Yaesu panel like the Icom and Flex ones

Browse Source 
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:
rouggy
2026-07-29 11:42:42 +02:00
parent 9bc5a14c69
commit df4155108f
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/YaesuPanel.tsx
+5 -2
View File
@@ -284,8 +284,11 @@ export function YaesuPanel({ onReportRST }: { onReportRST?: (rst: string) => voi
} }
return ( return (
<div className="h-full w-full overflow-auto p-3"> <div className="h-full min-h-0 overflow-auto bg-background">
<div className="max-w-[560px] space-y-3"> {/* 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 */} {/* 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 className="rounded-xl border border-border bg-card shadow-sm px-4 py-3 flex items-center justify-between gap-3 flex-wrap">
<div> <div>