Update Checkout.razor
This commit is contained in:
@@ -30,12 +30,24 @@
|
|||||||
{
|
{
|
||||||
<MudStack Spacing="4">
|
<MudStack Spacing="4">
|
||||||
<MudCard>
|
<MudCard>
|
||||||
<MudCardMedia Image="@_selectedPackage.Image"
|
|
||||||
Title="@_selectedPackage.Title"
|
|
||||||
Height="200" />
|
|
||||||
<MudCardContent>
|
<MudCardContent>
|
||||||
<MudText Typo="Typo.h5" Class="mb-2">@_selectedPackage.Title</MudText>
|
<MudGrid Spacing="3" AlignItems="AlignItems.Start">
|
||||||
@((MarkupString)_selectedPackage.Body)
|
<MudItem xs="12" md="4">
|
||||||
|
<MudPaper Class="pa-2 rounded-xl" Style="background: radial-gradient(600px 280px at 120% 0, #daccff 0, transparent 60%), radial-gradient(600px 280px at -10% 100%, #ffe2f2 0, transparent 60%), linear-gradient(180deg, #fff, #fbfaff);">
|
||||||
|
<MudImage Src="@_selectedPackage.Image"
|
||||||
|
Alt="@_selectedPackage.Title"
|
||||||
|
Height="150"
|
||||||
|
ObjectFit="ObjectFit.Cover"
|
||||||
|
ObjectPosition="ObjectPosition.Center"
|
||||||
|
Style="width:100%"
|
||||||
|
Class="rounded-xl" />
|
||||||
|
</MudPaper>
|
||||||
|
</MudItem>
|
||||||
|
<MudItem xs="12" md="8">
|
||||||
|
<MudText Typo="Typo.h5" Class="mb-2">@_selectedPackage.Title</MudText>
|
||||||
|
@((MarkupString)_selectedPackage.Body)
|
||||||
|
</MudItem>
|
||||||
|
</MudGrid>
|
||||||
</MudCardContent>
|
</MudCardContent>
|
||||||
</MudCard>
|
</MudCard>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user