woodpecker/web/src/components/atomic/Warning.vue
Lauris BH 9f9127b093
Revert to previous red colors but do not use red color for text (#2786)
Revert red colors back introduced by #2778 

But do not use red color for text on dark background anywhere

example:

![attels](https://github.com/woodpecker-ci/woodpecker/assets/165205/39f008fe-3d43-495f-b956-ea5bf4a5fa16)
2023-11-09 23:00:52 +02:00

18 lines
385 B
Vue

<template>
<div
class="flex gap-2 items-center text-gray-700 font-bold rounded-md p-2 border border-solid border-l-6 border-wp-hint-warn-200 bg-wp-hint-warn-100"
>
<Icon v-if="!textOnly" name="warning" />
<slot>
<span>{{ text }}</span>
</slot>
</div>
</template>
<script lang="ts" setup>
defineProps<{
textOnly?: boolean;
text: string;
}>();
</script>