From 6bc91b293df96e4d18bbc74c831a375b94d2dd4f Mon Sep 17 00:00:00 2001 From: Brian Bicknell Date: Tue, 21 Apr 2026 00:41:31 -0400 Subject: [PATCH] Updated tags/creators page styling. --- JSMR.UI.Blazor/Pages/Creators.razor | 90 +++++++++++++++++++---------- JSMR.UI.Blazor/Pages/Tags.razor | 17 +++++- 2 files changed, 75 insertions(+), 32 deletions(-) diff --git a/JSMR.UI.Blazor/Pages/Creators.razor b/JSMR.UI.Blazor/Pages/Creators.razor index 4ca058f..2257ab5 100644 --- a/JSMR.UI.Blazor/Pages/Creators.razor +++ b/JSMR.UI.Blazor/Pages/Creators.razor @@ -11,37 +11,46 @@ Creators -

Creators

+@*

Creators

+ *@ - - - - - - @context.VoiceWorkCount.ToString("n0") - - - @if (context.Favorite) - { - Favorite - } - - - @if (context.Blacklisted) - { - Blacklisted - } - - @* + + + + + + + + + + + + + + @context.VoiceWorkCount.ToString("n0") + + + @if (context.Favorite) + { + Favorite + } + + + @if (context.Blacklisted) + { + Blacklisted + } + + @* @@ -55,8 +64,10 @@ *@ - - + + + + @@ -65,6 +76,25 @@ table-layout: fixed; } + body { + background-image: url(https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ETkNSJ-oUGwAAAAAQ_AAAAgAegCCAQ/original); + background-size: cover; + } + + .ant-blurred-card { + background-color: color-mix(in srgb, #141414 70%, transparent); + -webkit-backdrop-filter: blur(12px); + backdrop-filter: blur(12px); + } + + .ant-table { + /* background: inherit; */ + } + + .ant-table table { + table-layout: fixed; + } + .j-pager { position: fixed; bottom: 0; diff --git a/JSMR.UI.Blazor/Pages/Tags.razor b/JSMR.UI.Blazor/Pages/Tags.razor index d883795..00b2f96 100644 --- a/JSMR.UI.Blazor/Pages/Tags.razor +++ b/JSMR.UI.Blazor/Pages/Tags.razor @@ -72,6 +72,7 @@ + @@ -80,9 +81,9 @@ table-layout: fixed; } - .mud-main-content { + body { background-image: url(https://mdn.alipayobjects.com/huamei_iwk9zp/afts/img/A*ETkNSJ-oUGwAAAAAQ_AAAAgAegCCAQ/original); - background-size: contain; + background-size: cover; } .ant-blurred-card { @@ -120,6 +121,8 @@ public int PageSize { get; set; } = 100; public int TotalItems => searchResults?.TotalItems ?? 0; + Func ShowTotal = ctx => $"{ctx.Range.from} - {ctx.Range.to} of {ctx.Total} items"; + public bool LoadingData { get; set; } SearchResult? searchResults; @@ -135,6 +138,16 @@ await UpdateDataAsync(true); } + public async Task OnPaginationChange(PaginationEventArgs args) + { + bool resetPageNumber = PageSize != args.PageSize; + + PageNumber = args.Page; + PageSize = args.PageSize; + + await UpdateDataAsync(resetPageNumber); + } + public async Task OnPageNumberChanged(int newPageNumber) { PageNumber = newPageNumber;