Improved slider
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user