Improved slider

This commit is contained in:
Kr4ight
2026-04-06 22:09:20 +02:00
parent 2bb686baaf
commit 19b19ba08e
+4 -4
View File
@@ -114,9 +114,9 @@ const SettingItem: React.FC<{
<div className="space-y-4"> <div className="space-y-4">
{item.type === "slider" && ( {item.type === "slider" && (
<div> <div>
<div className="flex justify-between"> <div className="flex justify-between mb-2">
<span className="text-sm font-medium">{item.label}</span> <span className="text-md font-medium">{item.label}</span>
<span className="text-sm font-medium">{(item.format && item.format(value)) || value}</span> <span className="text-md font-medium text-saturn-accent">{(item.format && item.format(value)) || value}</span>
</div> </div>
<input <input
type="range" type="range"
@@ -131,7 +131,7 @@ const SettingItem: React.FC<{
: prev : prev
) )
} }
className="w-full" className="w-full h-2 bg-saturn-border rounded-lg appearance-none cursor-pointer accent-saturn-accent"
/> />
{item.ticks && ( {item.ticks && (
<div className="relative w-full mt-2 h-6"> <div className="relative w-full mt-2 h-6">