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