44 lines
1.0 KiB
Vue
44 lines
1.0 KiB
Vue
<template>
|
|
<article class="tour-actions">
|
|
<EdgyButton v-if="!tourDay" classes="btn-primary chamfer">
|
|
<ButtonLink :href="'/adventures/'+(tour.internal_name)+'/day/1'">
|
|
Explore Itinerary
|
|
</ButtonLink>
|
|
</EdgyButton>
|
|
<EdgyButton v-if="tourDay" classes="btn-secondary chamfer">
|
|
<ButtonLink href="#">
|
|
Previous Day
|
|
</ButtonLink>
|
|
</EdgyButton>
|
|
<EdgyButton v-if="tourDay" classes="btn-primary chamfer">
|
|
<ButtonLink href="#">
|
|
Next Day
|
|
</ButtonLink>
|
|
</EdgyButton>
|
|
</article>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import EdgyButton from "@/components/dredgy/EdgyButton.vue";
|
|
import type {Tour, TourDay} from "@/types";
|
|
import ButtonLink from "@/components/dredgy/ButtonLink.vue";
|
|
|
|
interface Props {
|
|
tourDay?: TourDay;
|
|
tour: Tour;
|
|
}
|
|
|
|
defineProps<Props>();
|
|
</script>
|
|
|
|
<style scoped>
|
|
.tour-actions {
|
|
display: flex;
|
|
gap: 2em;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
flex-basis: 10%;
|
|
}
|
|
</style>
|