refactor(FE): Adjust 2xl grid layout in UniformityChart

This commit is contained in:
rstubryan
2026-01-30 09:46:10 +07:00
parent a1fe08fdeb
commit a9ff4579b0
@@ -102,11 +102,11 @@ const UniformityChart = ({
const shouldShowEmptyState = !isFiltered; const shouldShowEmptyState = !isFiltered;
return ( return (
<section className='w-full grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-4 gap-3'> <section className='w-full grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-[1fr_350px] gap-3'>
<Card <Card
variant='bordered' variant='bordered'
className={{ className={{
wrapper: 'xl:col-span-1 2xl:col-span-3 w-full rounded-xl', wrapper: '2xl:col-span-1 w-full rounded-xl',
body: 'h-96 p-4', body: 'h-96 p-4',
}} }}
> >
@@ -134,7 +134,7 @@ const UniformityChart = ({
<Card <Card
variant='bordered' variant='bordered'
className={{ className={{
wrapper: 'xl:col-span-1 2xl:col-span-1 w-full rounded-xl', wrapper: '2xl:col-span-1 w-full rounded-xl',
body: body:
shouldShowEmptyState || !uniformityData || !gaugeChartData shouldShowEmptyState || !uniformityData || !gaugeChartData
? 'h-110 p-4' ? 'h-110 p-4'