tethys.backend/resources/js/Components/NotificationBarInCard.vue
Arno Kaimbacher a7142f694f
All checks were successful
CI Pipeline / japa-tests (push) Successful in 51s
- prettier formatting
- npm updates
- new SearchMap.vue component
2023-10-31 15:38:43 +01:00

22 lines
484 B
Vue

<script setup>
import { colorsBgLight } from '@/colors.js';
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>