brister/jsmr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Updated CI for Blazor WebAssembly. Added styles for product cards.
All checks were successful
ci / build-test (push) Successful in 2m16s
Details
ci / publish-image (push) Has been skipped
Details

Browse Source
This commit is contained in:
Brian Bicknell
2025-11-15 02:34:15 -05:00
parent 76284f2fab
commit 634050c06f
13 changed files with 289 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
JSMR.UI.Blazor/Pages/Circles.razor
View File

@@ -40,11 +40,13 @@ else
@foreach (var item in searchResults.Items)
{
<div class="circle-item">
@* <JImage @key="item.CircleId" ContainerClass="j-circle-image-container" ImageClass="j-circle-image" Source="@ImageUrlProvider.GetImageURL(item.LatestProductId, item.LatestVoiceWorkHasImage ?? false, item.LatestVoiceWorkSalesDate, "main")" /> *@
<JImage @key="item.CircleId" ContainerClass="j-circle-image-container-2" ImageClass="j-circle-image-2" Source="@ImageUrlProvider.GetImageURL(item.LatestProductId, item.LatestVoiceWorkHasImage ?? false, item.LatestVoiceWorkSalesDate, "main")" />
<div class="fdfs">
<div class="circle-name">@item.Name</div>
<div>@item.MakerId</div>
</div>
@if (item.Favorite)
{
<MudChip T="string" Label="true" Color="Color.Info" Style="width: 100%" Variant="Variant.Outlined">Favorite</MudChip>
@@ -195,7 +197,7 @@ else
.circle-item {
display: flex;
align-items: center;
padding: 1rem;
padding: .5rem;
border-width: 2px;
border-top-color: #353B4C;
border-left-color: #212630;
@@ -204,8 +206,23 @@ else
border-radius: 30px;
background-image: linear-gradient(0deg, #1C2029, #1C1F28);
display: grid;
grid-template-columns: 1fr 100px 100px 100px 100px;
grid-column-gap: 2rem;
grid-template-columns: auto 1fr 100px 100px 100px 100px;
grid-column-gap: 1rem;
}
.j-circle-image-container-2 {
height: auto;
}
.j-circle-image-2 {
display: block;
object-fit: cover;
background-color: black;
border: 1px solid #949494;
box-sizing: border-box;
border-radius: 100%;
width: 70px;
height: 70px;
}
.circle-name {