style(TableSkeleton): optimize style

This commit is contained in:
Zeke Zhang 2024-10-31 23:12:01 +08:00
parent 058a698fea
commit 79472624b5
2 changed files with 3 additions and 3 deletions

View File

@ -463,7 +463,7 @@ const BodyCellComponent = (props) => {
const style = useMemo(() => Object.assign({ ...props.style }, valueMap), [props.style, valueMap]); const style = useMemo(() => Object.assign({ ...props.style }, valueMap), [props.style, valueMap]);
const skeletonStyle = { const skeletonStyle = {
height: '1em', height: '1em',
backgroundColor: 'rgba(0, 0, 0, 0.06)', backgroundColor: token.colorFillSecondary,
borderRadius: `${token.borderRadiusSM}px`, borderRadius: `${token.borderRadiusSM}px`,
}; };

View File

@ -62,14 +62,14 @@ export const TableSkeleton: React.FC<TableSkeletonProps> = ({ rows = 5, columns
.skeleton-loading { .skeleton-loading {
height: ${token.controlHeight / 2}px; height: ${token.controlHeight / 2}px;
background: ${token.colorFillQuaternary}; background: ${token.colorFillSecondary};
border-radius: ${token.borderRadiusSM}px; border-radius: ${token.borderRadiusSM}px;
} }
.skeleton-checkbox { .skeleton-checkbox {
width: ${token.controlHeight / 2}px; width: ${token.controlHeight / 2}px;
height: ${token.controlHeight / 2}px; height: ${token.controlHeight / 2}px;
background: ${token.colorFillQuaternary}; background: ${token.colorFillSecondary};
border-radius: ${token.borderRadiusSM}px; border-radius: ${token.borderRadiusSM}px;
} }