42 lines
1.1 KiB
Plaintext
42 lines
1.1 KiB
Plaintext
package page
|
|
|
|
import "projectreshoot/tmdb"
|
|
import "projectreshoot/view/layout"
|
|
|
|
templ Movie(movie *tmdb.Movie, image *tmdb.Image) {
|
|
@layout.Global() {
|
|
<div class="bg-surface0 md:p-2 md:rounded-lg">
|
|
<div class="flex items-center">
|
|
<div class="bg-overlay2 rounded-lg">
|
|
<img
|
|
class="object-cover aspect-[2/3] w-[154px] md:w-[300px]
|
|
transition-all md:rounded-md shadow-crust shadow-2xl"
|
|
src={ movie.GetPoster(image, "w300") }
|
|
alt="Poster"
|
|
/>
|
|
</div>
|
|
<div class="flex flex-col flex-1 text-center px-4">
|
|
<span class="text-xl md:text-3xl font-semibold">
|
|
{ movie.Title }
|
|
</span>
|
|
<span class="text-sm md:text-lg text-subtext1">
|
|
{ movie.FGenres() }
|
|
- { movie.FRuntime() }
|
|
- { movie.ReleaseYear() }
|
|
</span>
|
|
<div class="flex justify-center gap-2 mt-2">
|
|
<div
|
|
class="w-20 h-20 md:w-30 md:h-30 bg-overlay2
|
|
transition-all rounded-sm"
|
|
></div>
|
|
<div
|
|
class="w-20 h-20 md:w-30 md:h-30 bg-overlay2
|
|
transition-all rounded-sm"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
}
|