defunkt/toes
1
0
Fork 1
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
Chris Wanstrath 2026-03-01 10:15:56 -08:00
parent 82c8fc42da
commit 2b06d9afdf
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/metrics/20260130-000000/index.tsx
View File

@ -429,6 +429,10 @@ const GaugesCard = define('GaugesCard', {
flexDirection: 'column', flexDirection: 'column',
alignItems: 'center', alignItems: 'center',
gap: '8px', gap: '8px',
background: theme('colors-bgElement'),
border: `1px solid ${theme('colors-border')}`,
borderRadius: theme('radius-md'),
padding: '24px',
}) })
const GaugesGrid = define('GaugesGrid', { const GaugesGrid = define('GaugesGrid', {
@ -587,7 +591,7 @@ function renderGauge(value: number, id: string) {
return ( return (
<GaugesCard> <GaugesCard>
<GaugeLabel>{id}</GaugeLabel> <GaugeLabel>{id}</GaugeLabel>
<svg id={`gauge-${id}`} viewBox="10 10 100 55" width="140" height="80"> <svg id={`gauge-${id}`} viewBox="10 10 100 55" width="140" height="80" style="overflow: visible">
{segments} {segments}
<polygon data-needle points={`${nx},${ny} ${bx1},${by1} ${bx2},${by2}`} fill="var(--colors-text)" /> <polygon data-needle points={`${nx},${ny} ${bx1},${by1} ${bx2},${by2}`} fill="var(--colors-text)" />
<circle cx={G_CX} cy={G_CY} r="4" fill="var(--colors-textMuted)" /> <circle cx={G_CX} cy={G_CY} r="4" fill="var(--colors-textMuted)" />