diff --git a/lib/freedive_web/live/user_settings_live.ex b/lib/freedive_web/live/user_settings_live.ex index 0d67002..2c8111b 100644 --- a/lib/freedive_web/live/user_settings_live.ex +++ b/lib/freedive_web/live/user_settings_live.ex @@ -5,71 +5,79 @@ defmodule FreediveWeb.UserSettingsLive do def render(assigns) do ~H""" - <.header class="text-center"> - Account Settings - <:subtitle>Manage your account email address and password settings - + <.section> + <.title> + Account Settings + + <.subtitle> + Manage your account email address and password settings + + + <.section> + <.title is-4> + Email + -
-
- <.simple_form - for={@email_form} - id="email_form" - phx-submit="update_email" - phx-change="validate_email" - > - <.input field={@email_form[:email]} type="email" label="Email" required /> - <.input - field={@email_form[:current_password]} - name="current_password" - id="current_password_for_email" - type="password" - label="Current password" - value={@email_form_current_password} - required - /> - <:actions> - <.button phx-disable-with="Changing...">Change Email - - -
-
- <.simple_form - for={@password_form} - id="password_form" - action={~p"/users/log_in?_action=password_updated"} - method="post" - phx-change="validate_password" - phx-submit="update_password" - phx-trigger-action={@trigger_submit} - > - - <.input field={@password_form[:password]} type="password" label="New password" required /> - <.input - field={@password_form[:password_confirmation]} - type="password" - label="Confirm new password" - /> - <.input - field={@password_form[:current_password]} - name="current_password" - type="password" - label="Current password" - id="current_password_for_password" - value={@current_password} - required - /> - <:actions> - <.button phx-disable-with="Changing...">Change Password - - -
-
+ <.simple_form + for={@email_form} + id="email_form" + phx-submit="update_email" + phx-change="validate_email" + > + <.input field={@email_form[:email]} type="email" label="Email" required /> + <.input + field={@email_form[:current_password]} + name="current_password" + id="current_password_for_email" + type="password" + label="Current password" + value={@email_form_current_password} + required + /> + <:actions> + <.button phx-disable-with="Changing...">Change Email + + + + <.section> + <.title is-4> + Password + + <.simple_form + for={@password_form} + id="password_form" + action={~p"/users/log_in?_action=password_updated"} + method="post" + phx-change="validate_password" + phx-submit="update_password" + phx-trigger-action={@trigger_submit} + > + + <.input field={@password_form[:password]} type="password" label="New password" required /> + <.input + field={@password_form[:password_confirmation]} + type="password" + label="Confirm new password" + /> + <.input + field={@password_form[:current_password]} + name="current_password" + type="password" + label="Current password" + id="current_password_for_password" + value={@current_password} + required + /> + <:actions> + <.button phx-disable-with="Changing...">Change Password + + + """ end