mirror of
https://github.com/woodpecker-ci/woodpecker.git
synced 2025-10-22 13:24:33 +00:00
use animate-spin class (#3150)
This commit is contained in:
@@ -11,7 +11,7 @@
|
|||||||
'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
|
'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
|
||||||
'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
|
'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
|
||||||
'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
|
'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
|
||||||
'rotate-animation': service && pipelineStatusColors[status] === 'blue',
|
'animate-spin': service && pipelineStatusColors[status] === 'blue',
|
||||||
}"
|
}"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
@@ -150,16 +150,3 @@ body,
|
|||||||
.code-box-inline {
|
.code-box-inline {
|
||||||
@apply bg-wp-code-200 rounded-md text-wp-code-text-100;
|
@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;
|
|
||||||
}
|
|
||||||
|
Reference in New Issue
Block a user