diff options
Diffstat (limited to 'examples/view-transitions/src/components/MovieCard.astro')
| -rw-r--r-- | examples/view-transitions/src/components/MovieCard.astro | 31 |
1 files changed, 0 insertions, 31 deletions
diff --git a/examples/view-transitions/src/components/MovieCard.astro b/examples/view-transitions/src/components/MovieCard.astro deleted file mode 100644 index c2b3aa4b1..000000000 --- a/examples/view-transitions/src/components/MovieCard.astro +++ /dev/null @@ -1,31 +0,0 @@ ---- -const { movie } = Astro.props; ---- - -<div class="mt-8"> - <a href={`/movies/${movie.id}`}> - <img - src={`https://image.tmdb.org/t/p/w500${movie.poster_path}`} - alt={`${movie.title} Poster`} - class="thumbnail hover:opacity-75 transition ease-in-out duration-150" - id={`movie-poster-${movie.id}`} - transition:name={`poster-${movie.id}`} - /> - </a> - <div class="mt-2"> - <a href={`/movies/${movie.id}`} class="text-lg mt-2 hover:text-gray-300">{movie.title}</a> - <div class="flex items-center text-gray-400 text-sm mt-1"> - <svg class="fill-current text-orange-500 w-4" viewBox="0 0 24 24" - ><g data-name="Layer 2" - ><path - d="M17.56 21a1 1 0 01-.46-.11L12 18.22l-5.1 2.67a1 1 0 01-1.45-1.06l1-5.63-4.12-4a1 1 0 01-.25-1 1 1 0 01.81-.68l5.7-.83 2.51-5.13a1 1 0 011.8 0l2.54 5.12 5.7.83a1 1 0 01.81.68 1 1 0 01-.25 1l-4.12 4 1 5.63a1 1 0 01-.4 1 1 1 0 01-.62.18z" - data-name="star"></path></g - ></svg - > - <span class="ml-1">{movie.vote_average}</span> - <span class="mx-2">|</span> - <span>{movie.release_date}</span> - </div> - <div class="text-gray-400 text-sm">{movie.genres}</div> - </div> -</div> |