woodpecker/web/src/components/repo/build/BuildRunningIcon.vue
Anbraten 66be4923d2
Update dependencies and tiny adjustments to UI (#1083)
- updated all web/ dependencies
- fixed icon positioning issue
- changed text color of pipeline message
- add hover underline effect to breadcrumb org name
2022-08-09 14:13:32 +02:00

34 lines
679 B
Vue

<template>
<WoodpeckerIcon class="woodpecker h-16" />
</template>
<script lang="ts" setup>
// eslint-disable-next-line import/no-relative-parent-imports
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>