aziis98/statuspage
1
0
Fork 0
mirror of https://github.com/aziis98/statuspage.git synced 2026-10-06 22:55:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

ui: aggregate plot thinner lines, light blend darken, 0.25 opacity floor

Browse Source
This commit is contained in:
aziis98
2026-08-02 15:58:59 +02:00
parent f619c9b106
commit 57bd041229
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/plots.tsx
+2 -2
View File
@@ -191,7 +191,7 @@ export function AggregatePlot({
const lineCount = Math.max(1, paths.length) const lineCount = Math.max(1, paths.length)
// gentler 1/sqrt(n) falloff: isolated lines stay visible while dense clusters // gentler 1/sqrt(n) falloff: isolated lines stay visible while dense clusters
// still accumulate to a solid mass // still accumulate to a solid mass
const opacity = 1 / Math.sqrt(lineCount) const opacity = Math.max(0.25, 1 / Math.sqrt(lineCount))
const [hover, setHover] = useState<{ const [hover, setHover] = useState<{
sample: MetricEntry sample: MetricEntry
@@ -267,7 +267,7 @@ export function AggregatePlot({
fill="none" fill="none"
stroke={color} stroke={color}
stroke-opacity={opacity} stroke-opacity={opacity}
stroke-width="1.5" stroke-width="1"
stroke-linejoin="round" stroke-linejoin="round"
stroke-linecap="round" stroke-linecap="round"
/> />
src/light.css
+1 -1
View File
@@ -48,7 +48,7 @@
--shadow-color: #0004; --shadow-color: #0004;
--shadow: 0.35rem 0.35rem 0 var(--shadow-color); --shadow: 0.35rem 0.35rem 0 var(--shadow-color);
--shadow-lg: 0.55rem 0.55rem 0 var(--shadow-color); --shadow-lg: 0.55rem 0.55rem 0 var(--shadow-color);
--blend-overlap: multiply; --blend-overlap: darken;
--overlay: rgba(0, 0, 0, 0.35); --overlay: rgba(0, 0, 0, 0.35);
--sheen: rgba(255, 255, 255, 0.75); --sheen: rgba(255, 255, 255, 0.75);
--sheen-strong: rgba(255, 255, 255, 0.9); --sheen-strong: rgba(255, 255, 255, 0.9);