gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-24 15:25:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE-316): Adjust UniformityChart responsive grid

Browse Source
This commit is contained in:
rstubryan
2025-12-23 20:10:28 +07:00
parent 0774200aa5
commit 414d617341
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/uniformity/UniformityChart.tsx
+9 -3
View File
@@ -77,11 +77,14 @@ const UniformityChart = () => {
}; };
return ( return (
<section className='w-full grid grid-cols-1 2xl:grid-cols-4 gap-4'> <section className='w-full grid grid-cols-1 xl:grid-cols-2 2xl:grid-cols-4 gap-4'>
<Card <Card
title='Performance Overview' title='Performance Overview'
variant='bordered' variant='bordered'
className={{ wrapper: 'xl:col-span-3 w-full', body: 'h-96' }} className={{
wrapper: 'xl:col-span-1 2xl:col-span-3 w-full',
body: 'h-96',
}}
> >
<div className='w-full h-full flex items-center justify-center'> <div className='w-full h-full flex items-center justify-center'>
<UniformityBarChart data={barChartData} /> <UniformityBarChart data={barChartData} />
@@ -90,7 +93,10 @@ const UniformityChart = () => {
<Card <Card
variant='bordered' variant='bordered'
title='Weekly Performance' title='Weekly Performance'
className={{ wrapper: 'xl:col-span-1 w-full', body: 'p-4' }} className={{
wrapper: 'xl:col-span-1 2xl:col-span-1 w-full',
body: 'p-4',
}}
> >
<UniformityGaugeChart <UniformityGaugeChart
value={gaugeChartData.value} value={gaugeChartData.value}