pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Remove skeleton animation

Browse source 
- Performance concerns due to large number of animated skeletons
This commit is contained in:
jeffvli 2023-05-09 18:51:26 -07:00
parent 5eeded6c72
commit b5da8aeb55
1 changed files with 1 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/renderer/components/skeleton/index.tsx
View file

@ -3,35 +3,8 @@ import { Skeleton as MantineSkeleton } from '@mantine/core';
import styled from 'styled-components';
const StyledSkeleton = styled(MantineSkeleton)`
@keyframes run {
0% {
left: 0;
transform: translateX(-100%);
}
80% {
transform: translateX(100%);
}
100% {
transform: translateX(100%);
}
}
&::before {
background: var(--skeleton-bg);
}
&::after {
position: absolute;
background: linear-gradient(90deg, transparent, var(--skeleton-bg), transparent);
transform: translateX(-100%);
animation-name: run;
animation-duration: 1.5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
content: '';
inset: 0;
background: var(--placeholder-bg);
}
`;