chore: replace font-name with variable
This commit is contained in:
@@ -4,7 +4,10 @@
|
||||
Swiss design: 1px track, diamond thumb (rotate-45), brand accent.
|
||||
-->
|
||||
<script lang="ts">
|
||||
import { Slider } from 'bits-ui';
|
||||
import {
|
||||
type Orientation,
|
||||
Slider,
|
||||
} from 'bits-ui';
|
||||
|
||||
interface Props {
|
||||
value?: number;
|
||||
@@ -12,7 +15,7 @@ interface Props {
|
||||
max?: number;
|
||||
step?: number;
|
||||
disabled?: boolean;
|
||||
orientation?: 'horizontal' | 'vertical';
|
||||
orientation?: Orientation;
|
||||
/**
|
||||
* Format the displayed value label.
|
||||
* @default (v) => v
|
||||
@@ -36,7 +39,7 @@ let {
|
||||
|
||||
const isVertical = $derived(orientation === 'vertical');
|
||||
|
||||
const labelClasses = `font-['Space_Mono'] text-[0.625rem] tabular-nums shrink-0
|
||||
const labelClasses = `font-mono text-[0.625rem] tabular-nums shrink-0
|
||||
text-neutral-500 dark:text-neutral-400
|
||||
group-hover:text-neutral-700 dark:group-hover:text-neutral-300
|
||||
transition-colors`;
|
||||
|
||||
Reference in New Issue
Block a user