Fix RTL Toggle
Fixes https://gitlab.com/soapbox-pub/soapbox/-/issues/1462
This commit is contained in:
parent
8bedf92ec8
commit
6f10a68046
|
@ -30,9 +30,9 @@ const Toggle: React.FC<IToggle> = ({ id, size = 'md', name, checked = false, onC
|
||||||
>
|
>
|
||||||
<div className={clsx('rounded-full bg-white transition-transform', {
|
<div className={clsx('rounded-full bg-white transition-transform', {
|
||||||
'h-4.5 w-4.5': size === 'sm',
|
'h-4.5 w-4.5': size === 'sm',
|
||||||
'translate-x-3.5': size === 'sm' && checked,
|
'translate-x-3.5 rtl:-translate-x-3.5': size === 'sm' && checked,
|
||||||
'h-6 w-6': size === 'md',
|
'h-6 w-6': size === 'md',
|
||||||
'translate-x-4': size === 'md' && checked,
|
'translate-x-4 rtl:-translate-x-4': size === 'md' && checked,
|
||||||
})}
|
})}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue