fix(pgxl): stack the amplifier meters two by two
The card is two grid columns wide and sits beside a tall neighbour in Station Control, so a single row of four bars left the height unused and squeezed each bar into a quarter of the width. Two rows of two fill the room already there and double the resolution of every bar.
This commit is contained in:
@@ -191,8 +191,12 @@ export function AmpCard({ amp, flex, t }: { amp: Amp; flex: any; t: (k: string,
|
||||
const idA = peakHold('pgid', txing ? Number(pg.id) || 0 : 0);
|
||||
const swr = peakHold('pgswr', txing ? Number(pg.vswr) || 0 : 0);
|
||||
const tempC = Number(pg.temperature) || 0;
|
||||
// Two columns, not four. The card sits beside a tall neighbour in Station
|
||||
// Control, so a single row of four leaves the height empty and squeezes each
|
||||
// bar into a quarter width — two rows of two use the room that is already
|
||||
// there and give every bar twice the resolution.
|
||||
return (
|
||||
<div className="grid grid-cols-2 sm:grid-cols-4 gap-2 mt-2 pt-2 border-t border-border/50">
|
||||
<div className="grid grid-cols-2 gap-2 mt-2 pt-2 border-t border-border/50">
|
||||
<MeterBar label={t('flxp.outputPower')} value={fwdW} unit="W" lo={0} hi={2000}
|
||||
display={`${Math.round(fwdW)} W`}
|
||||
segColor={(f) => (f > 0.9 ? '#dc2626' : f > 0.75 ? '#f59e0b' : '#ea580c')} />
|
||||
|
||||
Reference in New Issue
Block a user