mirror of
https://github.com/nocobase/nocobase
synced 2024-11-16 03:55:10 +00:00
style(TableSkeleton): optimize style
This commit is contained in:
parent
058a698fea
commit
79472624b5
@ -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`,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user