etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix Toggle animation: use translate-x instead of left position

Browse Source
This commit is contained in:
PEDZEO
2026-01-21 04:50:50 +03:00
parent 8d4c00d176
commit 15edd598b5
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/admin/Toggle.tsx
View File

@@ -13,8 +13,8 @@ export function Toggle({ checked, onChange, disabled }: ToggleProps) {
checked ? 'bg-accent-500' : 'bg-dark-600'
} ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}
>
<div className={`absolute top-1 w-4 h-4 bg-white rounded-full transition-transform ${
checked ? 'left-7' : 'left-1'
<div className={`absolute top-1 left-1 w-4 h-4 bg-white rounded-full transition-transform duration-200 ${
checked ? 'translate-x-6' : 'translate-x-0'
}`} />
</button>
)