Fix toggle on-state styling
This commit is contained in:
parent
94dc8d62cb
commit
b43f466e76
2 changed files with 39 additions and 41 deletions
|
|
@ -391,14 +391,13 @@ def toggle_field(
|
|||
"data-class:bg-amber-500": f"${signal_name}",
|
||||
"data-class:bg-slate-200": f"!${signal_name}",
|
||||
},
|
||||
class_="group relative inline-flex w-11 shrink-0 rounded-full bg-slate-200 p-0.5 outline-offset-2 outline-amber-500 transition",
|
||||
class_="group relative inline-flex w-11 shrink-0 rounded-full p-0.5 outline-offset-2 outline-amber-500 transition",
|
||||
)[
|
||||
h.span(
|
||||
{
|
||||
"data-class:translate-x-5": f"${signal_name}",
|
||||
"data-class:translate-x-0": f"!${signal_name}",
|
||||
},
|
||||
class_="size-5 translate-x-0 rounded-full bg-white shadow-xs ring-1 ring-slate-900/5 transition-transform",
|
||||
class_="size-5 rounded-full bg-white shadow-xs ring-1 ring-slate-900/5 transition-transform",
|
||||
),
|
||||
h.input(
|
||||
{"data-bind": signal_name},
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue