use animate-spin class (#3150)

This commit is contained in:
6543 2024-01-09 15:42:23 +01:00 committed by GitHub
parent aab2f0e675
commit 11d70a894d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 1 additions and 14 deletions

View file

@ -11,7 +11,7 @@
'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
'rotate-animation': service && pipelineStatusColors[status] === 'blue',
'animate-spin': service && pipelineStatusColors[status] === 'blue',
}"
/>
</div>

View file

@ -150,16 +150,3 @@ body,
.code-box-inline {
@apply bg-wp-code-200 rounded-md text-wp-code-text-100;
}
/* TODO(2194): https://tailwindcss.com/docs/animation */
@keyframes rotate-kf {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.rotate-animation {
animation: rotate-kf 2s linear infinite;
}