diff --git a/src/components/Benchmark/index.tsx b/src/components/Benchmark/index.tsx index fcbf66d9..3360570e 100644 --- a/src/components/Benchmark/index.tsx +++ b/src/components/Benchmark/index.tsx @@ -111,7 +111,9 @@ export default function Benchmark({ {formatOps(engine.ops)} @@ -135,7 +137,7 @@ export default function Benchmark({ {label} ))} -
operations / second
+
ops/second
diff --git a/src/components/Benchmark/styles.module.css b/src/components/Benchmark/styles.module.css index 8ecd6030..d057756c 100644 --- a/src/components/Benchmark/styles.module.css +++ b/src/components/Benchmark/styles.module.css @@ -95,6 +95,41 @@ margin-top: 4px; } +@media (max-width: 480px) { + .row, + .axis { + grid-template-columns: 64px minmax(0, 1fr) 76px; + gap: 8px; + } + + .name { + font-size: 0.75rem; + white-space: nowrap; + } + + .value { + flex-direction: column; + align-items: flex-end; + gap: 0; + } + + .opsValue { + font-size: 0.75rem; + } + + .relative { + font-size: 0.62rem; + } + + .axisLabels { + font-size: 0.6rem; + } + + .axisCaption { + font-size: 0.65rem; + } +} + .resultsTable { width: 100%; margin: 1.25rem 0 2rem;