tethys.backend/resources/js/Components/NotificationBarInCard.vue
Arno Kaimbacher a29865b781
Some checks failed
CI Pipeline / japa-tests (push) Failing after 58s
- renamings to the new naming convetion for adonisjs version 6
- npm updates
2024-04-29 11:25:50 +02:00

22 lines
481 B
Vue

<script setup>
import { colorsBgLight } from '@/colors';
defineProps({
color: {
type: String,
required: true,
},
isPlacedWithHeader: {
type: Boolean,
},
});
</script>
<template>
<div class="flex flex-col mb-6 -mt-6 -mr-6 -ml-6 animate-fade-in">
<div :class="[colorsBgLight[color], { 'rounded-t-xl': !isPlacedWithHeader }]" class="flex flex-col p-6 transition-colors">
<slot />
</div>
</div>
</template>