refactor(FE): Make UniformityBarChartSkeleton more responsive

2026-05-20 21:41:57 +00:00 · 2026-01-30 09:56:30 +07:00
parent a9ff4579b0
commit 5ebeeeedb3
1 changed files with 2 additions and 2 deletions
@@ -44,11 +44,11 @@ const ChartArea = () => {
            ))}
          </div>

-          <div className='flex justify-between gap-2 sm:gap-4 md:gap-8 lg:gap-12 px-2 sm:px-4 py-2'>
+          <div className='flex justify-between gap-1 xs:gap-2 sm:gap-3 md:gap-4 lg:gap-6 px-1 xs:px-2 sm:px-3 md:px-4 py-2'>
            {ranges.map((range) => (
              <div
                key={range}
-                className='skeleton h-3 w-8 sm:w-12 md:w-16 shrink-0'
+                className='skeleton h-3 w-6 xs:w-8 sm:w-10 md:w-12 flex-1 max-w-12 xs:max-w-14 sm:max-w-16'
              />
            ))}
          </div>