forked from geolba/tethys.backend
22 lines
481 B
Vue
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>
|