Minor adjustments to the UI.
This commit is contained in:
@@ -43,8 +43,20 @@ else
|
||||
<JImage ContainerClass="j-circle-image-container-mini" ImageClass="j-circle-image-mini" Source="@ImageUrlProvider.GetImageURL(context.Item.LatestProductId, context.Item.LatestVoiceWorkHasImage ?? false, context.Item.LatestVoiceWorkSalesDate, "main")" />
|
||||
</CellTemplate>
|
||||
</TemplateColumn>
|
||||
<PropertyColumn Property="x => x.Name" Title="Name" />
|
||||
<PropertyColumn Property="x => x.MakerId" Title="Maker Id" HeaderStyle="width: 12em" />
|
||||
<TemplateColumn Title="Name">
|
||||
<CellTemplate>
|
||||
<div class="circle-name-container">
|
||||
<div class="circle-name">@context.Item.Name</div>
|
||||
</div>
|
||||
</CellTemplate>
|
||||
</TemplateColumn>
|
||||
@* <TemplateColumn Title="Maker Id">
|
||||
<CellTemplate>
|
||||
<MudChip T="string" Label="true" Class="maker-id">@context.Item.MakerId</MudChip>
|
||||
</CellTemplate>
|
||||
</TemplateColumn> *@
|
||||
@* <PropertyColumn Property="x => x.Name" Title="Name" />
|
||||
<PropertyColumn Property="x => x.MakerId" Title="Maker Id" HeaderStyle="width: 12em" /> *@
|
||||
<TemplateColumn Title="Status" HeaderStyle="width: 10em">
|
||||
<CellTemplate>
|
||||
@if (context.Item.Favorite)
|
||||
@@ -78,7 +90,7 @@ else
|
||||
<PropertyColumn Property="x => x.Downloads" Title="Downloads" HeaderStyle="width: 12em" />
|
||||
<PropertyColumn Property="x => x.Releases" Title="Releases" HeaderStyle="width: 12em" />
|
||||
<PropertyColumn Property="x => x.Pending" Title="Pending" HeaderStyle="width: 12em" />
|
||||
<TemplateColumn Title="First Release Date" HeaderStyle="width: 14em">
|
||||
@* <TemplateColumn Title="First Release Date" HeaderStyle="width: 14em">
|
||||
<CellTemplate>
|
||||
<MudText>@context.Item.FirstReleaseDate?.ToString("MMMM d, yyyy")</MudText>
|
||||
</CellTemplate>
|
||||
@@ -87,7 +99,7 @@ else
|
||||
<CellTemplate>
|
||||
<MudText>@context.Item.LatestReleaseDate?.ToString("MMMM d, yyyy")</MudText>
|
||||
</CellTemplate>
|
||||
</TemplateColumn>
|
||||
</TemplateColumn> *@
|
||||
</Columns>
|
||||
</MudDataGrid>
|
||||
|
||||
@@ -136,6 +148,21 @@ else
|
||||
background: var(--mud-palette-background);
|
||||
padding: .5em 1em;
|
||||
}
|
||||
|
||||
.circle-name-container {
|
||||
display: inline-flex;
|
||||
flex-direction: column;
|
||||
gap: .5rem;
|
||||
}
|
||||
|
||||
.circle-name {
|
||||
font-size: 1.2rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.maker-id {
|
||||
margin: 0;
|
||||
}
|
||||
</style>
|
||||
|
||||
@code {
|
||||
|
||||
Reference in New Issue
Block a user