tethys.backend/resources/js/Components/SectionTitle.vue

20 lines
446 B
Vue
Raw Normal View History

2023-03-03 15:54:28 +00:00
<script setup>
defineProps({
custom: Boolean,
first: Boolean,
last: Boolean,
});
2023-03-03 15:54:28 +00:00
</script>
<template>
<section
class="py-24 px-6 lg:px-0 lg:max-w-2xl lg:mx-auto text-center"
:class="{ '-mb-6': first, '-mt-6': last, '-my-6': !first && !last }"
2023-03-03 15:54:28 +00:00
>
<slot v-if="custom" />
<h1 v-else class="text-2xl text-gray-500 dark:text-slate-400">
<slot />
</h1>
</section>
2023-03-03 15:54:28 +00:00
</template>