refacto(FE): Refine UniformityTableSkeleton styles and icon

This commit is contained in:
rstubryan
2026-01-29 14:09:38 +07:00
parent 9817864c3d
commit 1ed83351e0
@@ -3,19 +3,20 @@ import { Icon } from '@iconify/react';
const UniformityTableSkeleton = () => {
return (
<div className='flex flex-col items-center justify-center gap-2 my-20'>
<div className='border border-[#18181B]/25 rounded-2xl p-1 flex items-center justify-center'>
<Button className='rounded-2xl border border-sky-500 bg-primary text-white'>
<div className='flex flex-col items-center justify-center'>
<div className='border border-base-content/25 rounded-2xl p-1 flex items-center justify-center mb-9'>
<Button className='rounded-2xl border border-sky-500 bg-primary text-white p-3 cursor-default'>
<Icon
icon={'heroicons-outline:chart-bar'}
className='text-4xl text-whitd'
fontSize={26}
icon={'heroicons:document-text'}
className='text-white'
/>
</Button>
</div>
<span className='text-xl font-semibold text-[#18181B80] leading-5'>
<span className='text-xl font-semibold text-base-content/50 leading-5 mb-1'>
No Data Available
</span>
<span className='text-xs font-light text-[#18181B80] leading-4 text-center max-w-xs px-4'>
<span className='text-xs font-light text-base-content/50 leading-4 text-center max-w-xs px-4'>
There is no uniformity data displayed. Enter uniformity check data to
get started.
</span>