CaritasPWA/Pages/PictureDialog.razor

@inject IStringLocalizer<Resources> I18n;

<MatDialogTitle style="display: flex; align-items: center;">
    <div style="flex: 1;">@I18n["Picture"]</div>
    <div @onclick="@(_=>CloseDialog())" style="cursor: pointer;">
        <MatIcon Icon="@MatIconNames.Close" Style="display:flex"></MatIcon>
    </div>
</MatDialogTitle>
<MatDialogContent>
    <MatCard Id="bicyclePic" Class="fv-mat-card">
        <MatCardContent>
            <MatCardMedia Square="true" ImageUrl="@ImgUrl"></MatCardMedia>
        </MatCardContent>
    </MatCard>
</MatDialogContent>
<MatDialogActions Style="padding-left:24px;padding-right:24px;padding-bottom:12px">
    <MatButton  Class="w-100" Raised="true" OnClick="@(_ => CloseDialog())">@I18n["Close"]</MatButton>
</MatDialogActions>


@code {

    [Parameter]
    public string ImgUrl { get; set; }

    [CascadingParameter]
    public MatDialogReference DialogReference { get; set; }


    void CloseDialog() {
        DialogReference.Close("");
    }
}