replace orphaned tailwind classes with project CSS
All checks were successful
deploy / deploy (push) Successful in 1m27s

auth pages (login, registration, confirmation, recover) now use
setup-page/setup-header/admin-btn-block. theme toggle indicator
gets proper CSS. cleaned up dead h-full, size-3.5, ml-2 classes.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jamey
2026-03-04 17:12:21 +00:00
parent 7547d0d4b8
commit dd659e4c61
11 changed files with 58 additions and 55 deletions

View File

@@ -109,14 +109,14 @@ defmodule BerrypodWeb.Layouts do
def theme_toggle(assigns) do
~H"""
<div class="theme-toggle">
<div class="theme-toggle-indicator absolute w-1/3 h-full rounded-full border-1 border-base-200 bg-base-100 brightness-200 left-0" />
<div class="theme-toggle-indicator" />
<button
class="theme-toggle-btn"
phx-click={JS.dispatch("phx:set-theme")}
data-phx-theme="system"
>
<.icon name="hero-computer-desktop-micro" class="size-4 opacity-75 hover:opacity-100" />
<.icon name="hero-computer-desktop-micro" class="size-4" />
</button>
<button
@@ -124,7 +124,7 @@ defmodule BerrypodWeb.Layouts do
phx-click={JS.dispatch("phx:set-theme")}
data-phx-theme="light"
>
<.icon name="hero-sun-micro" class="size-4 opacity-75 hover:opacity-100" />
<.icon name="hero-sun-micro" class="size-4" />
</button>
<button
@@ -132,7 +132,7 @@ defmodule BerrypodWeb.Layouts do
phx-click={JS.dispatch("phx:set-theme")}
data-phx-theme="dark"
>
<.icon name="hero-moon-micro" class="size-4 opacity-75 hover:opacity-100" />
<.icon name="hero-moon-micro" class="size-4" />
</button>
</div>
"""