piotr/innercontext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(frontend): align lab results filters with products style

Browse source
This commit is contained in:
Piotr Oleszczyk 2026-03-05 13:14:33 +01:00
parent 7eca2391a9
commit c4be7dd1be
3 changed files with 298 additions and 342 deletions
Download patch file Download diff file Expand all files Collapse all files

29
frontend/src/app.css
View file

@ -392,21 +392,22 @@ body {
}
.lab-results-meta-strip {
margin-top: 0.9rem;
margin-top: 0.65rem;
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
gap: 0.35rem;
max-width: 48ch;
}
.lab-results-meta-pill {
border: 1px solid hsl(36 22% 74% / 0.9);
border-radius: 999px;
background: hsl(44 32% 93%);
padding: 0.2rem 0.62rem;
padding: 0.14rem 0.56rem;
color: var(--editorial-muted);
font-size: 0.73rem;
font-size: 0.69rem;
font-weight: 700;
letter-spacing: 0.08em;
letter-spacing: 0.07em;
text-transform: uppercase;
}
@ -418,13 +419,6 @@ body {
justify-content: center;
}
.lab-results-filter-panel {
border-color: color-mix(in srgb, var(--page-accent) 24%, var(--border));
background:
linear-gradient(180deg, hsl(44 36% 96%), hsl(42 29% 93%)),
repeating-linear-gradient(90deg, hsl(0 0% 100% / 0), hsl(0 0% 100% / 0) 18px, hsl(36 24% 70% / 0.1) 18px, hsl(36 24% 70% / 0.1) 19px);
}
.lab-results-filter-banner {
border-style: dashed;
border-color: color-mix(in srgb, var(--page-accent) 48%, var(--border));
@ -945,11 +939,11 @@ body {
}
.lab-results-meta-strip {
margin-top: 0.75rem;
margin-top: 0.6rem;
}
.lab-results-meta-pill {
letter-spacing: 0.06em;
letter-spacing: 0.05em;
}
.lab-results-filter-banner {
@ -958,6 +952,13 @@ body {
}
}
@media (min-width: 768px) {
.lab-results-meta-strip {
grid-column: 1 / 2;
align-items: center;
}
}
@media (prefers-reduced-motion: reduce) {
.reveal-1,
.reveal-2,