woodpecker/web/src/components/atomic/Warning.vue
Patrick Schratz 2d3db3de28
Migrate from Windi to Tailwind (#4614)
Co-authored-by: Robert Kaussow <mail@thegeeklab.de>
2025-01-07 08:52:44 +01:00

19 lines
466 B
Vue

<template>
<div
class="flex items-center gap-4 rounded-md border border-l-4 border-solid border-wp-hint-warn-200 bg-wp-hint-warn-100 p-4 font-bold text-gray-700"
>
<Icon v-if="!textOnly" name="alert" class="flex-shrink-0" />
<slot>
<span class="whitespace-pre-wrap">{{ text }}</span>
</slot>
</div>
</template>
<script lang="ts" setup>
import Icon from './Icon.vue';
defineProps<{
textOnly?: boolean;
text?: string;
}>();
</script>