Reverted text-xs override. text-ss replaces the text-xs override while tailwind's existing text-xs replaces our text-2xs.
This commit is contained in:
@@ -195,7 +195,7 @@ export function USHeatmap(props: USHeatmapProps): JSXElement {
|
||||
|
||||
<Show when={props.tooltip !== false && tip()}>
|
||||
{(t) => (
|
||||
<div class="pointer-events-none absolute z-10 min-w-28 max-w-64 rounded-default border border-line bg-surface px-3 py-2 text-xs shadow-lg"
|
||||
<div class="pointer-events-none absolute z-10 min-w-28 max-w-64 rounded-default border border-line bg-surface px-3 py-2 text-ss shadow-lg"
|
||||
style={{
|
||||
left: `${clamp(pointer()[0], 8, 100000)}px`,
|
||||
top: `${Math.max(8, pointer()[1])}px`,
|
||||
@@ -222,7 +222,7 @@ export function USHeatmap(props: USHeatmapProps): JSXElement {
|
||||
function ChoroplethLegend(p: { min: number; max: number; steps: number; fmt: (v: number) => string }): JSXElement {
|
||||
const swatches = () => Array.from({ length: p.steps }, (_, i) => i + 1);
|
||||
return (
|
||||
<div class="mt-3 flex items-center gap-2 text-xs text-ink-muted">
|
||||
<div class="mt-3 flex items-center gap-2 text-ss text-ink-muted">
|
||||
<span style={{ "font-variant-numeric": "tabular-nums" }}>{p.fmt(p.min)}</span>
|
||||
<div class="flex overflow-hidden rounded-xs">
|
||||
<For each={swatches()}>{(k) => (
|
||||
|
||||
Reference in New Issue
Block a user