jointrashposs/components/g/Hero.vue
kakkokari-gtyih 171cc5d421 Revert "tweak style"
This reverts commit 801ed0df9c.
2023-11-13 21:10:30 +09:00

21 lines
No EOL
722 B
Vue

<template>
<header>
<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">
<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 !leading-relaxed mb-4"><slot name="title"></slot></h1>
<p class="opacity-90 text-center lg:text-start 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>