28 lines
No EOL
881 B
Vue
28 lines
No EOL
881 B
Vue
<template>
|
|
<section class="w-full relative">
|
|
<button v-if="this.$root.modeEdit" type="button" title="Edit Element" class="text-white bg-blue-700 hover:bg-blue-800 outline-none rounded-lg text-center dark:bg-blue-600 dark:hover:bg-blue-700 absolute top-2 right-2">
|
|
<i class="ti ti-edit mx-3 my-2 block"></i>
|
|
</button>
|
|
<div class="py-4 px-4 mx-auto max-w-screen-xl text-center">
|
|
<h1 class="my-4 font-extrabold tracking-tight leading-none text-4xl md:text-5xl lg:text-6xl">
|
|
{{ title }}
|
|
</h1>
|
|
<p class="my-4 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48">
|
|
<slot>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
},
|
|
props: {
|
|
title: String
|
|
},
|
|
};
|
|
</script> |