2023-07-09 11:58:53 +02:00
|
|
|
<template>
|
|
|
|
<header>
|
2023-07-15 10:34:45 +02:00
|
|
|
<div class="container mx-auto max-w-screen-xl px-6 lg:min-h-[330px] py-4 space-y-6 lg:space-y-0 lg:flex items-center justify-between lg:space-x-6">
|
2023-07-09 11:58:53 +02:00
|
|
|
<div class="max-w-lg mx-auto lg:mx-0">
|
|
|
|
<h1 class="font-title font-bold text-center lg:text-start text-2xl lg:text-4xl mb-4"><slot name="title"></slot></h1>
|
|
|
|
<p class="opacity-90 lg:text-lg lg:leading-relaxed max-w-lg"><slot name="description"></slot></p>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<slot name="icon"></slot>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</header>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped>
|
|
|
|
|
|
|
|
</style>
|