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

Make coasters in park overview clickable

Browse Source
This commit is contained in:
Maurice L.
2025-05-07 13:44:20 +02:00
parent 54e266bbb4
commit 2d4412e60d
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,7 @@ export default {
</script> </script>
<template> <template>
<title>Coaster Übersicht – CoasterDB</title> <title>Coaster Übersicht - CoasterDB</title>
<Header /> <Header />
<div style="margin-top: 63px;"> <div style="margin-top: 63px;">
<section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5"> <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">

5
src/views/app/parks/Park.vue
View File

@@ -53,13 +53,14 @@ export default {
<div> <div>
<h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">Achterbahnen in diesem Park:</h2> <h2 class="text-xl font-bold text-gray-900 dark:text-white mb-4">Achterbahnen in diesem Park:</h2>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4"> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div <a
v-for="coaster in coasters" v-for="coaster in coasters"
:key="coaster.name" :key="coaster.name"
class="bg-white dark:bg-gray-800 shadow p-4 rounded-lg" class="bg-white dark:bg-gray-800 shadow p-4 rounded-lg"
:href="`/app/coaster/${coaster.name.replace(' ', '_')}`"
> >
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ coaster.name }}</h3> <h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ coaster.name }}</h3>
</div> </a>
</div> </div>
</div> </div>
</div> </div>

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

@@ -21,7 +21,7 @@ export default {
</script> </script>
<template> <template>
<title>Park Übersicht – CoasterDB</title> <title>Park Übersicht - CoasterDB</title>
<Header /> <Header />
<div style="margin-top: 63px;"> <div style="margin-top: 63px;">
<section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5"> <section class="bg-gray-50 dark:bg-gray-900 p-3 sm:p-5">