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/BalancedTernaryGame.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 { Plus, Minus } from 'lucide-react';
import SocialShare from '@/components/SocialShare';
@ -194,7 +194,7 @@ const BalancedTernaryGame: React.FC<BalancedTernaryGameProps> = ({ showSocialSha
<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