woodpecker/web/src/components/repo/pipeline/PipelineRunningIcon.vue
qwerty287 849e05bb8b
Rename build to pipeline in code (#1224)
Ref:  #745

Co-authored-by: Anbraten <anton@ju60.de>
Co-authored-by: 6543 <6543@obermui.de>
2022-10-18 03:24:12 +02:00

33 lines
617 B
Vue

<template>
<WoodpeckerIcon class="woodpecker h-16" />
</template>
<script lang="ts" setup>
import WoodpeckerIcon from '../../../assets/woodpecker.svg?component';
</script>
<style scoped>
@keyframes peck {
0% {
transform: rotate(5deg) translateX(5%);
}
10% {
transform: rotate(-5deg) translateX(-15%);
}
20% {
transform: rotate(5deg) translateX(5%);
}
30% {
transform: rotate(-5deg) translateX(-15%);
}
100% {
transform: rotate(5deg) translateX(5%);
}
}
.woodpecker ::v-deep(path) {
animation: peck 1s ease infinite;
@apply fill-gray-600 dark:fill-gray-500;
}
</style>