mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2024-11-26 20:01:02 +00:00
Code Issues Projects Releases Wiki Activity

use animate-spin class (#3150)

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/repo/pipeline/PipelineStatusIcon.vue
View file

@ -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>

13
web/src/style.css
View file

@ -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;
}