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

Updated search logic. More UI updates.
All checks were successful
ci / build-test (push) Successful in 2m17s
Details
ci / publish-image (push) Has been skipped
Details

Browse Source
This commit is contained in:
Brian Bicknell
2025-11-17 21:05:55 -05:00
parent 9ef1972472
commit 2418bd0a8f
13 changed files with 430 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -200,6 +200,20 @@ code {
z-index: 1;
}
.pagination .pager {
padding: 0;
justify-content: center;
}
.pagination > .page-sizes {
justify-content: flex-end;
display: inline-flex;
}
.pagination > .page-sizes > * {
max-width: 6rem;
}
/* Circle */
.j-circle-image-container {
height: 300px;
@@ -330,8 +344,12 @@ code {
width: 100%;
}
/* Product */
/* Spacer */
.j-spacer {
flex-grow: 1;
}
/* Product */
.j-product-items-container {
display: flex;
flex-direction: column;
@@ -344,6 +362,9 @@ code {
background-image: linear-gradient(0deg, rgb(30, 53, 69), rgb(39, 59, 73));
border-color: rgb(63, 78, 88);
background-image: linear-gradient(0deg, rgb(30, 53, 69), rgb(57, 79, 94));
border-top-color: rgb(83, 99, 109);
border-left-color: rgb(72, 88, 99);
border-right-color: rgb(72, 88, 99);
}
.j-voice-work-image-container {
@@ -381,6 +402,15 @@ code {
text-shadow: 1px 1px 2px black;
}
.j-product-title > a,
.j-product-title > a:hover {
color: var(--product-title-text-color);
}
.j-product-title > a:hover {
text-decoration: underline;
}
.j-product-contributors {
font-size: 1rem;
font-family: "Poppins", "M+ 1p";
@@ -437,6 +467,19 @@ code {
gap: .5rem;
font-size: 1rem;
font-weight: 500;
color: #afe07d;
}
.j-trial-container {
border: 1px solid rgb(30, 53, 69);
padding: .5rem;
border-radius: 100%;
border-color: var(--product-title-text-color);
}
.j-trial-container > .j-icon {
width: 16px;
height: 16px;
}
/* Tags */
@@ -461,7 +504,9 @@ code {
/* Icons */
.j-icon {
mask-size: auto;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
align-self: center;
background: rgb(180,200, 214);
height: 16px;
@@ -474,6 +519,7 @@ code {
.j-icon-color-green {
background: #388E3C;
background: #afe07d;
}
.j-icon-calendar {
@@ -490,4 +536,32 @@ code {
.j-icon-bag-fill {
mask-image: url("../svg/bag-fill.svg");
}
.j-icon-headphones {
mask-image: url("../svg/headphones.svg");
}
.j-icon-2 {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 32px;
height: 32px;
}
.j-icon-2-flag-jp {
background-image: url("../svg/flag-jp.svg");
}
.j-icon-2-flag-us {
background-image: url("../svg/flag-us.svg");
}
.j-icon-2-flag-cn {
background-image: url("../svg/flag-cn.svg");
}
.j-icon-2-flag-kr {
background-image: url("../svg/flag-kr.svg");
}