glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: replace font-name with variable

Browse Source
This commit is contained in:
Ilia Mashkov
2026-02-25 10:01:26 +03:00
parent 7aa1ddd405
commit 750b8ae7b8
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/shared/ui/Slider/Slider.svelte
View File

@@ -4,7 +4,10 @@
Swiss design: 1px track, diamond thumb (rotate-45), brand accent. Swiss design: 1px track, diamond thumb (rotate-45), brand accent.
--> -->
<script lang="ts"> <script lang="ts">
import { Slider } from 'bits-ui'; import {
type Orientation,
Slider,
} from 'bits-ui';
interface Props { interface Props {
value?: number; value?: number;
@@ -12,7 +15,7 @@ interface Props {
max?: number; max?: number;
step?: number; step?: number;
disabled?: boolean; disabled?: boolean;
orientation?: 'horizontal' | 'vertical'; orientation?: Orientation;
/** /**
* Format the displayed value label. * Format the displayed value label.
* @default (v) => v * @default (v) => v
@@ -36,7 +39,7 @@ let {
const isVertical = $derived(orientation === 'vertical'); 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 text-neutral-500 dark:text-neutral-400
group-hover:text-neutral-700 dark:group-hover:text-neutral-300 group-hover:text-neutral-700 dark:group-hover:text-neutral-300
transition-colors`; transition-colors`;