MiauRizius/CoasterDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make listitems clickable

Browse Source
This commit is contained in:
Maurice L.
2025-05-07 13:41:38 +02:00
parent 26771a34a1
commit 54e266bbb4
4 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
src/views/app/Park.vue
View File

0
src/views/app/VideoPlayer.vue
View File

4
src/views/app/coasters/Coasters.vue
View File

@@ -27,12 +27,12 @@ export default {
<section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">
<div class="mx-auto max-w-screen-xl px-4 lg:px-12">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-6">
<div v-for="coaster in coasters" :key="coaster.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6">
<a v-for="coaster in coasters" :key="coaster.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6" :href="`/app/coaster/${coaster.name.replace(' ', '_')}`">
<h2 class="text-xl font-bold text-gray-900 dark:text-white mb-2">{{ coaster.name }}</h2>
<p class="text-gray-700 dark:text-gray-300">
<span class="font-semibold">Park:</span> {{ coaster.park }}
</p>
</div>
</a>
</div>
</div>
</section>

4
src/views/app/parks/Parks.vue
View File

@@ -27,12 +27,12 @@ export default {
<section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">
<div class="mx-auto max-w-screen-xl px-4 lg:px-12">
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-6">
<div v-for="park in parks" :key="park.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6">
<a v-for="park in parks" :key="park.name" class="bg-white dark:bg-gray-800 shadow-md sm:rounded-lg p-6" :href="`/app/park/${park.name.replace(' ', '_')}`">
<h2 class="text-xl font-bold text-gray-900 dark:text-white mb-2">{{ park.name }}</h2>
<p class="text-gray-700 dark:text-gray-300">
<span class="font-semibold">Ort:</span> {{ park.location }}
</p>
</div>
</a>
</div>
</div>
</section>