mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-17 18:12:04 +00:00
33 lines
790 B
Vue
33 lines
790 B
Vue
<script setup lang="ts">
|
|
import TitledList from '@/components/TitledList.vue';
|
|
import { useI18n } from '@n8n/i18n';
|
|
import { N8nTooltip, N8nIcon } from '@n8n/design-system';
|
|
|
|
defineProps<{
|
|
issues: string[];
|
|
}>();
|
|
|
|
const i18n = useI18n();
|
|
</script>
|
|
|
|
<template>
|
|
<div v-if="issues.length" :class="$style['parameter-issues']" data-test-id="parameter-issues">
|
|
<N8nTooltip placement="top">
|
|
<template #content>
|
|
<TitledList :title="`${i18n.baseText('parameterInput.issues')}:`" :items="issues" />
|
|
</template>
|
|
<N8nIcon icon="exclamation-triangle" />
|
|
</N8nTooltip>
|
|
</div>
|
|
</template>
|
|
|
|
<style module lang="scss">
|
|
.parameter-issues {
|
|
text-align: right;
|
|
float: right;
|
|
color: var(--color-danger-light);
|
|
font-size: var(--font-size-s);
|
|
padding-left: var(--spacing-3xs);
|
|
}
|
|
</style>
|