replace orphaned tailwind classes with project CSS
All checks were successful
deploy / deploy (push) Successful in 1m27s
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:
@@ -7,8 +7,8 @@ defmodule BerrypodWeb.Auth.Confirmation do
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<Layouts.app flash={@flash} current_scope={@current_scope}>
|
||||
<div class="mx-auto max-w-sm">
|
||||
<div class="text-center">
|
||||
<div class="setup-page">
|
||||
<div class="setup-header">
|
||||
<.header>Welcome {@user.email}</.header>
|
||||
</div>
|
||||
|
||||
@@ -27,11 +27,11 @@ defmodule BerrypodWeb.Auth.Confirmation do
|
||||
value="true"
|
||||
phx-disable-with="Confirming..."
|
||||
variant="primary"
|
||||
class="w-full"
|
||||
class="admin-btn-block"
|
||||
>
|
||||
Confirm and stay logged in
|
||||
</.button>
|
||||
<.button phx-disable-with="Confirming..." class="w-full mt-2">
|
||||
<.button phx-disable-with="Confirming..." class="admin-btn-block">
|
||||
Confirm and log in only this time
|
||||
</.button>
|
||||
</.form>
|
||||
@@ -47,7 +47,7 @@ defmodule BerrypodWeb.Auth.Confirmation do
|
||||
>
|
||||
<input type="hidden" name={@form[:token].name} value={@form[:token].value} />
|
||||
<%= if @current_scope do %>
|
||||
<.button phx-disable-with="Logging in..." variant="primary" class="w-full">
|
||||
<.button phx-disable-with="Logging in..." variant="primary" class="admin-btn-block">
|
||||
Log in
|
||||
</.button>
|
||||
<% else %>
|
||||
@@ -56,19 +56,19 @@ defmodule BerrypodWeb.Auth.Confirmation do
|
||||
value="true"
|
||||
phx-disable-with="Logging in..."
|
||||
variant="primary"
|
||||
class="w-full"
|
||||
class="admin-btn-block"
|
||||
>
|
||||
Keep me logged in on this device
|
||||
</.button>
|
||||
<.button phx-disable-with="Logging in..." class="w-full mt-2">
|
||||
<.button phx-disable-with="Logging in..." class="admin-btn-block">
|
||||
Log me in only this time
|
||||
</.button>
|
||||
<% end %>
|
||||
</.form>
|
||||
|
||||
<p :if={!@user.confirmed_at} class="admin-alert admin-alert-outline mt-8">
|
||||
<div :if={!@user.confirmed_at} class="admin-alert admin-alert-outline">
|
||||
Tip: If you prefer passwords, you can enable them in the user settings.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Layouts.app>
|
||||
"""
|
||||
|
||||
@@ -7,10 +7,10 @@ defmodule BerrypodWeb.Auth.Login do
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<Layouts.app flash={@flash} current_scope={@current_scope}>
|
||||
<div class="mx-auto max-w-sm flex flex-col gap-4">
|
||||
<div class="text-center">
|
||||
<div class="setup-page">
|
||||
<div class="setup-header">
|
||||
<.header>
|
||||
<p>Log in</p>
|
||||
Log in
|
||||
<:subtitle>
|
||||
<%= if @current_scope do %>
|
||||
You need to reauthenticate to perform sensitive actions on your account.
|
||||
@@ -26,7 +26,7 @@ defmodule BerrypodWeb.Auth.Login do
|
||||
<div>
|
||||
<p>You are running the local mail adapter.</p>
|
||||
<p>
|
||||
To see sent emails, visit <.link href="/dev/mailbox" class="underline">the mailbox page</.link>.
|
||||
To see sent emails, visit <.link href="/dev/mailbox" class="admin-link">the mailbox page</.link>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -48,8 +48,8 @@ defmodule BerrypodWeb.Auth.Login do
|
||||
required
|
||||
phx-mounted={JS.focus()}
|
||||
/>
|
||||
<.button variant="primary" class="w-full">
|
||||
Log in with email <span aria-hidden="true">→</span>
|
||||
<.button variant="primary" class="admin-btn-block">
|
||||
Log in with email <span aria-hidden="true">→</span>
|
||||
</.button>
|
||||
</.form>
|
||||
|
||||
@@ -78,17 +78,22 @@ defmodule BerrypodWeb.Auth.Login do
|
||||
label="Password"
|
||||
autocomplete="current-password"
|
||||
/>
|
||||
<.button variant="primary" class="w-full" name={@form[:remember_me].name} value="true">
|
||||
Log in and stay logged in <span aria-hidden="true">→</span>
|
||||
<.button
|
||||
variant="primary"
|
||||
class="admin-btn-block"
|
||||
name={@form[:remember_me].name}
|
||||
value="true"
|
||||
>
|
||||
Log in and stay logged in <span aria-hidden="true">→</span>
|
||||
</.button>
|
||||
<.button class="w-full mt-2">
|
||||
<.button class="admin-btn-block">
|
||||
Log in only this time
|
||||
</.button>
|
||||
</.form>
|
||||
|
||||
<p :if={!@email_configured} class="text-sm text-center text-base-content/60">
|
||||
<p :if={!@email_configured} class="setup-footer">
|
||||
Locked out?
|
||||
<.link navigate={~p"/recover"} class="font-semibold text-brand hover:underline">
|
||||
<.link navigate={~p"/recover"} class="admin-link">
|
||||
Recover with setup secret
|
||||
</.link>
|
||||
</p>
|
||||
|
||||
@@ -8,15 +8,13 @@ defmodule BerrypodWeb.Auth.Registration do
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<Layouts.app flash={@flash} current_scope={@current_scope}>
|
||||
<div class="mx-auto max-w-sm">
|
||||
<div class="text-center">
|
||||
<div class="setup-page">
|
||||
<div class="setup-header">
|
||||
<.header>
|
||||
Register for an account
|
||||
<:subtitle>
|
||||
Already registered?
|
||||
<.link navigate={~p"/users/log-in"} class="font-semibold text-brand hover:underline">
|
||||
Log in
|
||||
</.link>
|
||||
<.link navigate={~p"/users/log-in"} class="admin-link">Log in</.link>
|
||||
to your account now.
|
||||
</:subtitle>
|
||||
</.header>
|
||||
@@ -32,7 +30,7 @@ defmodule BerrypodWeb.Auth.Registration do
|
||||
phx-mounted={JS.focus()}
|
||||
/>
|
||||
|
||||
<.button phx-disable-with="Creating account..." variant="primary" class="w-full">
|
||||
<.button phx-disable-with="Creating account..." variant="primary" class="admin-btn-block">
|
||||
Create an account
|
||||
</.button>
|
||||
</.form>
|
||||
|
||||
Reference in New Issue
Block a user