vikunja/frontend/src/components/tasks/partials/labels.vue
kolaente b2e5de88ff
Some checks failed
continuous-integration/drone/push Build is failing
fix(labels): make sure labels are aligned in the middle
2024-02-27 16:29:27 +01:00

34 lines
547 B
Vue

<template>
<div class="label-wrapper">
<XLabel
v-for="label in labels"
:key="label.id"
:label="label"
/>
</div>
</template>
<script setup lang="ts">
import type {PropType} from 'vue'
import type {ILabel} from '@/modelTypes/ILabel'
import XLabel from '@/components/tasks/partials/label.vue'
defineProps({
labels: {
type: Array as PropType<ILabel[]>,
required: true,
},
})
</script>
<style lang="scss" scoped>
.label-wrapper {
display: inline;
:deep(.tag) {
margin-top: .125rem;
margin-bottom: .125rem;
}
}
</style>