23 lines
740 B
Vue
23 lines
740 B
Vue
<template>
|
|
<header class="[&]:bg-accent text-white py-4 container mx-auto">
|
|
<div class="flex flex-row-reverse justify-end gap-4 items-center">
|
|
<slot name="content" />
|
|
<div class="flex items-center gap-32">
|
|
<div class="russo-one-regular">
|
|
<UiParagraph tag="span" class="[&]:text-5xl">Vino Galante</UiParagraph>
|
|
</div>
|
|
<div class="flex space-x-10">
|
|
<UiNav :nav-content="headerNavigation" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<slot name="right-icons" />
|
|
</header>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import UiNav from '@/components/UiNav/UiNav.vue'
|
|
import { headerNavigation } from './_data'
|
|
import UiParagraph from '@/components/Typography/UiParagraph.vue'
|
|
</script>
|