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

Added more UI styling. Updated voice work search provider to send back English tag names, if applicable.
All checks were successful
ci / build-test (push) Successful in 2m15s
Details
ci / publish-image (push) Has been skipped
Details

Browse Source
This commit is contained in:
Brian Bicknell
2025-11-15 22:37:15 -05:00
parent 634050c06f
commit 75900a90ef
10 changed files with 245 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
JSMR.UI.Blazor/wwwroot/css/app.css
View File

@@ -355,6 +355,10 @@ code {
flex-shrink: 0;
}
.j-voice-work-image-overlay {
border-radius: 20px;
}
.j-voice-work-image {
border-radius: 20px;
}
@@ -377,6 +381,11 @@ code {
text-shadow: 1px 1px 2px black;
}
.j-product-contributors {
font-size: 1rem;
font-family: "Poppins", "M+ 1p";
}
.j-product-description {
/* color: #7C8099; */
font-size: 1rem;
@@ -389,15 +398,96 @@ code {
.j-voice-work-info {
width: 240px;
align-items: flex-end;
display: flex;
flex-direction: column;
padding: .5rem;
/*background: black;*/
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
gap: .5rem;
font-size: 1rem;
text-shadow: 1px 1px 2px rgb(16, 36, 50);
}
.j-voice-work-card > .j-voice-work-info {
flex-shrink: 0;
}
.j-release-date-container {
display: flex;
align-items: center;
gap: .5rem;
font-size: 1rem;
font-weight: 500;
}
.j-wishlist-container {
display: flex;
align-items: center;
gap: .5rem;
font-size: 1rem;
font-weight: 500;
color: #ffe073;
}
.j-downloads-container {
display: flex;
align-items: center;
gap: .5rem;
font-size: 1rem;
font-weight: 500;
}
/* Tags */
.j-tags {
display: flex;
gap: 1rem;
gap: .75rem .5rem;
flex-wrap: wrap;
/*gap: .5rem 1rem;*/
}
.j-tag {
background-color: var(--tag-background-color);
color: var(--tag-text-color);
border: var(--tag-border);
border-radius: var(--tag-border-radius);
padding: var(--tag-padding);
/*padding: 0;
background-color: transparent;
text-shadow: 1px 1px 2px black;
font-weight: 500;*/
}
/* Icons */
.j-icon {
mask-size: auto;
align-self: center;
background: rgb(180,200, 214);
height: 16px;
width: 16px;
}
.j-icon-color-yellow {
background: #ffe073;
}
.j-icon-color-green {
background: #388E3C;
}
.j-icon-calendar {
mask-image: url("../svg/calendar.svg");
}
.j-icon-star {
mask-image: url("../svg/star-fill.svg");
}
.j-icon-bag {
mask-image: url("../svg/bag.svg");
}
.j-icon-bag-fill {
mask-image: url("../svg/bag-fill.svg");
}