jamey/berrypod
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

fix toggle switch knob centering in newsletter admin
All checks were successful
deploy / deploy (push) Successful in 3m43s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey 2026-02-28 23:27:54 +00:00
parent ad2e6d1e6d
commit 620f31dde3
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
lib/berrypod_web/live/admin/newsletter.ex
View File

@ -206,16 +206,17 @@ defmodule BerrypodWeb.Admin.Newsletter do
<button
phx-click="toggle_enabled"
class={[
"relative inline-flex h-6 w-12 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors",
"inline-flex items-center shrink-0 cursor-pointer rounded-full transition-colors",
if(@newsletter_enabled, do: "bg-green-600", else: "bg-base-300")
]}
style="width: 2.75rem; height: 1.5rem; padding: 0.125rem;"
role="switch"
aria-checked={to_string(@newsletter_enabled)}
aria-label="Toggle newsletter signups"
>
<span
class="pointer-events-none inline-block h-5 w-5 rounded-full bg-white shadow ring-0 transition-transform"
style={"transform: translateX(#{if @newsletter_enabled, do: "1.5rem", else: "0"})"}
class="pointer-events-none inline-block rounded-full bg-white shadow transition-transform"
style={"width: 1.25rem; height: 1.25rem; transform: translateX(#{if @newsletter_enabled, do: "1.25rem", else: "0"})"}
/>
</button>
</div>