mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2024-11-26 11:51:02 +00:00
use animate-spin class (#3150)
This commit is contained in:
parent
aab2f0e675
commit
11d70a894d
2 changed files with 1 additions and 14 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue