Browse Source

Improve toggle styling

pull/39/head
Sacha Weatherstone 4 years ago
parent
commit
506e59e86b
No known key found for this signature in database GPG Key ID: 7AB2D7E206124B31
  1. 6
      src/components/form/Toggle.tsx

6
src/components/form/Toggle.tsx

@ -35,9 +35,9 @@ export const Toggle = ({
checked={checked}
disabled={disabled}
onChange={onChange}
className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 ${
checked ? "bg-indigo-600" : "bg-gray-200"
}`}
className={`relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-2 ${
checked ? "bg-orange-600" : "bg-orange-100"
} ${disabled ? "cursor-not-allowed bg-orange-400" : ""}`}
>
<span
aria-hidden="true"

Loading…
Cancel
Save