Update design for account settings page

This commit is contained in:
Harshad Sharma 2024-05-19 09:02:01 +05:30
parent b05fd3f763
commit d08abf4661

View file

@ -5,13 +5,19 @@ defmodule FreediveWeb.UserSettingsLive do
def render(assigns) do def render(assigns) do
~H""" ~H"""
<.header class="text-center"> <.section>
<.title>
Account Settings Account Settings
<:subtitle>Manage your account email address and password settings</:subtitle> </.title>
</.header> <.subtitle>
Manage your account email address and password settings
</.subtitle>
</.section>
<.section>
<.title is-4>
Email
</.title>
<div class="space-y-12 divide-y">
<div>
<.simple_form <.simple_form
for={@email_form} for={@email_form}
id="email_form" id="email_form"
@ -32,8 +38,11 @@ defmodule FreediveWeb.UserSettingsLive do
<.button phx-disable-with="Changing...">Change Email</.button> <.button phx-disable-with="Changing...">Change Email</.button>
</:actions> </:actions>
</.simple_form> </.simple_form>
</div> </.section>
<div> <.section>
<.title is-4>
Password
</.title>
<.simple_form <.simple_form
for={@password_form} for={@password_form}
id="password_form" id="password_form"
@ -68,8 +77,7 @@ defmodule FreediveWeb.UserSettingsLive do
<.button phx-disable-with="Changing...">Change Password</.button> <.button phx-disable-with="Changing...">Change Password</.button>
</:actions> </:actions>
</.simple_form> </.simple_form>
</div> </.section>
</div>
""" """
end end