moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Toggle: use bg-primary-600 when checked

This commit is contained in:
Alex Gleason 2023-03-31 11:17:06 -05:00
parent e38b5fbfd3
commit 79a8cd6b13
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/soapbox/components/ui/toggle/toggle.tsx
View File

@ -17,7 +17,9 @@ const Toggle: React.FC<IToggle> = ({ id, size = 'md', checked, onChange, require
return ( return (
<button <button
className={clsx('flex-none rounded-full bg-gray-500', { className={clsx('flex-none rounded-full', {
'bg-gray-500': !checked,
'bg-primary-600': checked,
'w-9 p-0.5': size === 'sm', 'w-9 p-0.5': size === 'sm',
'w-11 p-0.5': size === 'md', 'w-11 p-0.5': size === 'md',
})} })}