31 lines
1.0 KiB
Vue
31 lines
1.0 KiB
Vue
<script setup>
|
|
import { TicketCard, TicketListItem } from '@/components/tickets';
|
|
|
|
defineProps({
|
|
fullTicket: Object,
|
|
optionalTicket: Object,
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<main class="mx-auto grid max-w-5xl gap-8 p-4 sm:p-8">
|
|
<section class="grid gap-4" aria-labelledby="cards-title">
|
|
<h1 id="cards-title" class="text-headline-mobile md:text-headline">
|
|
Ticket cards
|
|
</h1>
|
|
<div class="grid gap-4 sm:grid-cols-2">
|
|
<TicketCard :project-id="7" :ticket="fullTicket" />
|
|
<TicketCard :project-id="7" :ticket="optionalTicket" />
|
|
</div>
|
|
</section>
|
|
|
|
<section class="grid gap-4" aria-labelledby="rows-title">
|
|
<h2 id="rows-title" class="text-title">Ticket list items</h2>
|
|
<ul class="grid gap-4">
|
|
<TicketListItem :project-id="7" :ticket="fullTicket" />
|
|
<TicketListItem :project-id="7" :ticket="optionalTicket" />
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
</template>
|