Files
frontend/src/app/performance-info/performance-info.component.html
Piet Ostendorp 78144d7447 Update routing and UI for performance checkout
Changed route paths and parameters for performance checkout to use '/performance/:performanceId/checkout' instead of '/selection/performance/:id'. Updated related components to use new route and param names. Improved UI spacing and styling in several components for better layout and consistency.
2025-11-18 21:00:29 +01:00

22 lines
857 B
HTML

<div class="info-box bg-indigo-100 h-22 flex items-center space-x-3 rounded-md p-1 shadow-sm">
<div class="h-full">
<img
[src]="movie().image && movie().image !== 'N/A' ? movie().image : 'assets/poster_placeholder.png'"
alt="Movie Poster"
class="h-full w-auto shadow-xs rounded-sm"
(error)="onPosterError($event)"
>
</div>
<div class="text-md">
<h3 class="opacity-75">{{ getStartTimeString() }} • {{ performance().hall.name }}</h3>
<h1 class="font-semibold mb-0.5">{{ movie().title }}</h1>
<div class="flex items-center">
<app-movie-rating [rating]="movie().rating" class="rounded-sm shadow-xs px-1 py-px text-sm"></app-movie-rating>
<app-movie-duration [duration]="movie().duration" [showIcon]="false" class="ml-1.5 opacity-75"></app-movie-duration>
</div>
</div>
</div>