Skip to content
Snippets Groups Projects
Commit bdda8fcb authored by Miah, Nunu (UG - Comp Sci & Elec Eng)'s avatar Miah, Nunu (UG - Comp Sci & Elec Eng)
Browse files

Movie Cards for watchlist directs to movie details when clicked

parent 8bc6c0b3
No related branches found
No related tags found
2 merge requests!5Push to Main,!2Merging Top-Rated to Test
<template>
<div class="bg-white dark:bg-neutral-800 border dark:border-neutral-700 rounded-lg p-4 flex gap-4 items-start">
<img
v-if="movie.poster_path"
:src="'https://image.tmdb.org/t/p/w154' + movie.poster_path"
alt="Poster"
class="w-24 h-36 object-cover rounded"
/>
<!-- Clickable poster -->
<router-link
:to="`/films/${movie.id}`"
class="shrink-0 hover:opacity-90 transition"
>
<img
v-if="movie.poster_path"
:src="'https://image.tmdb.org/t/p/w154' + movie.poster_path"
alt="Poster"
class="w-24 h-36 object-cover rounded"
/>
</router-link>
<div class="flex-1">
<p class="text-lg font-semibold text-gray-800 dark:text-white">{{ movie.title }}</p>
<!-- Clickable title -->
<router-link
:to="`/films/${movie.id}`"
class="text-lg font-semibold text-gray-800 dark:text-white hover:underline block"
>
{{ movie.title }}
</router-link>
<p class="text-sm text-gray-600 dark:text-neutral-400">{{ movie.vote_average }}</p>
<!-- Interactive status dropdown -->
<label class="text-xs text-gray-500 dark:text-gray-400 block mt-2">
Status:
<select
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment