Added Tour Navigator
This commit is contained in:
@@ -0,0 +1,43 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user