muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

fixed related items loading animations

Browse source
This commit is contained in:
Fedor Katurov 2022-12-26 14:03:39 +06:00
parent c30ecc1b81
commit e4c9d6571f
2 changed files with 11 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/node/NodeRelated/placeholder.tsx
View file

@ -23,7 +23,7 @@ const NodeRelatedPlaceholder: FC<IProps> = memo(() => {
</div> </div>
<div className={styles.grid}> <div className={styles.grid}>
{range(0, 6).map(el => ( {range(0, 6).map((el) => (
<div className={cell_style.item} key={el} /> <div className={cell_style.item} key={el} />
))} ))}
</div> </div>

10
src/components/node/NodeRelated/styles.module.scss
View file

@ -1,5 +1,14 @@
@import 'src/styles/variables'; @import 'src/styles/variables';
@keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0.2;
}
}
.wrap { .wrap {
border-radius: $panel_radius; border-radius: $panel_radius;
padding: $gap 0; padding: $gap 0;
@ -39,6 +48,7 @@
.grid { .grid {
div { div {
background: $placeholder_bg; background: $placeholder_bg;
animation: fade 0.5s infinite alternate;
} }
} }
} }