Websites/interactives
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve slider appearance

Browse source 
Make slider endpoints symmetric and colored.
This commit is contained in:
gpt-engineer-app[bot] 2025-07-21 07:48:44 +00:00
parent 615c43f72a
commit 030c188ab3
3 changed files with 33 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/TernaryNumberGame.tsx
View file

@ -2,7 +2,7 @@ import React, { useState, useEffect, useCallback } from 'react';
import { Button } from '@/components/ui/button';
import { Card, CardContent } from '@/components/ui/card';
import { Badge } from '@/components/ui/badge';
import { Slider } from '@/components/ui/slider';
import { RangeSlider } from '@/components/ui/range-slider';
import { Label } from '@/components/ui/label';
import SocialShare from '@/components/SocialShare';
@ -145,7 +145,7 @@ const TernaryNumberGame: React.FC<TernaryNumberGameProps> = ({ showSocialShare =
<div className="w-3 h-3 bg-primary rounded-full"></div>
</div>
</div>
<Slider
<RangeSlider
value={targetRange}
onValueChange={(value) => {
// Snap to multiples of 10 if close enough