WatchIt/WatchIt.Website/Components/Subcomponents/Common/HorizontalListItem.razor

@inherits Component

<div class="d-flex flex-column align-items-center gap-2 h-100">
    <Image Class="w-100" Content="@(_poster)" Placeholder="@(PosterPlaceholder)" AlternativeText="poster"/>
    <div class="container-grid">
        <div class="row">
            @if (Place.HasValue)
            {
                <div class="col-auto">
                    <div class="text-center border border-2 border-light rounded-circle place-circle fw-bold">@(Place)</div>
                </div>
            }
            <div class="col">
                <div class="d-flex justify-content-@(Place.HasValue ? "end" : "center")">
                    <div class="pt-05 @(Place.HasValue ? "text-end" : "text-center")">@(Name)</div>
                </div>
            </div>
        </div>
    </div>
</div>