hermes/meshtastic-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve toggle styling

Browse Source
This commit is contained in:
Sacha Weatherstone
2022-09-23 13:07:02 +10:00
parent 93ad24f6e1
commit 506e59e86b
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/form/Toggle.tsx
+3 -3
View File
@@ -35,9 +35,9 @@ export const Toggle = ({
checked={checked} checked={checked}
disabled={disabled} disabled={disabled}
onChange={onChange} 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 ${ 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-indigo-600" : "bg-gray-200" checked ? "bg-orange-600" : "bg-orange-100"
}`} } ${disabled ? "cursor-not-allowed bg-orange-400" : ""}`}
> >
<span <span
aria-hidden="true" aria-hidden="true"