cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

normalize durations

Browse Source
This commit is contained in:
Julián Benegas 2020-10-22 21:15:31 -03:00
parent b525de4181
commit 3836536b7d
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/core/Toggle/Toggle.tsx
View File

@ -20,19 +20,19 @@ const Toggle: FC<Props> = ({ className, checked, onChange }) => {
tabIndex={0} tabIndex={0}
className={`${ className={`${
checked ? 'bg-gray-800' : 'bg-gray-200' checked ? 'bg-gray-800' : 'bg-gray-200'
} relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:shadow-outline`} } relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-150 focus:outline-none focus:shadow-outline`}
> >
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
checked ? 'translate-x-5' : 'translate-x-0' checked ? 'translate-x-5' : 'translate-x-0'
} translate-x-0 relative inline-block h-5 w-5 rounded-full bg-white shadow transform transition ease-in-out duration-200`} } translate-x-0 relative inline-block h-5 w-5 rounded-full bg-white shadow transform transition ease-in-out duration-150`}
> >
<span <span
className={`${ className={`${
checked checked
? 'opacity-0 ease-out duration-150' ? 'opacity-0 ease-out duration-150'
: 'opacity-100 ease-in duration-200' : 'opacity-100 ease-in duration-150'
} absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`} } absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`}
> >
<HiSun className="h-3 w-3 text-gray-400" /> <HiSun className="h-3 w-3 text-gray-400" />
@ -40,7 +40,7 @@ const Toggle: FC<Props> = ({ className, checked, onChange }) => {
<span <span
className={`${ className={`${
checked checked
? 'opacity-100 ease-in duration-200' ? 'opacity-100 ease-in duration-150'
: 'opacity-0 ease-out duration-150' : 'opacity-0 ease-out duration-150'
} opacity-0 ease-out duration-150 absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`} } opacity-0 ease-out duration-150 absolute inset-0 h-full w-full flex items-center justify-center transition-opacity`}
> >