Pavel MineevandUmputun
19121ff0b7
- compose everything inside fetchComments - put skip counter in ref and prevent unnecessary rerenders - got rid of additional handlers for loading - add spinner as loading indicator for loading of additional comments
29 lines
510 B
CSS
29 lines
510 B
CSS
.root {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 50%;
|
|
border: 2px solid rgba(var(--white-color), 0.2);
|
|
border-right-color: rgb(var(--white-color));
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
|
|
.dark {
|
|
border: 2px solid var(--color46);
|
|
border-right-color: var(--color37);
|
|
}
|
|
|
|
:global(.dark) & {
|
|
border: 2px solid rgba(var(--white-color), 0.2);
|
|
border-right-color: rgb(var(--white-color));
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|