commonscomputer/cal.diy
4
0
Fork 0
Code Issues Pull Requests Actions 2.2k Packages Projects Releases Wiki Activity

fix: Switch component thumb positioning in RTL languages (#23600)

Browse Source 
* Arabic RTL UI Fix

* optimal approach
This commit is contained in:
Anshumancanrock
2025-09-05 13:27:23 +00:00
committed by GitHub
parent 2b29b5607d
commit 04efcbcdb6
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/components/form/switch/Switch.tsx
+2 -2
View File
@@ -65,8 +65,8 @@ export const Switch = (
className={cx(
"bg-default data-[state=checked]:bg-brand-accent shadow-switch-thumb pointer-events-none block rounded-full shadow-lg ring-0 transition-transform",
size === "sm"
? "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0"
: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
? "h-3 w-3 data-[state=checked]:translate-x-3 data-[state=unchecked]:translate-x-0 rtl:data-[state=checked]:-translate-x-3"
: "h-5 w-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 rtl:data-[state=checked]:-translate-x-5",
classNames?.thumb
)}
/>