Update design for account settings page
This commit is contained in:
parent
b05fd3f763
commit
d08abf4661
1 changed files with 72 additions and 64 deletions
|
@ -5,13 +5,19 @@ defmodule FreediveWeb.UserSettingsLive do
|
|||
|
||||
def render(assigns) do
|
||||
~H"""
|
||||
<.header class="text-center">
|
||||
<.section>
|
||||
<.title>
|
||||
Account Settings
|
||||
<:subtitle>Manage your account email address and password settings</:subtitle>
|
||||
</.header>
|
||||
</.title>
|
||||
<.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
|
||||
for={@email_form}
|
||||
id="email_form"
|
||||
|
@ -32,8 +38,11 @@ defmodule FreediveWeb.UserSettingsLive do
|
|||
<.button phx-disable-with="Changing...">Change Email</.button>
|
||||
</:actions>
|
||||
</.simple_form>
|
||||
</div>
|
||||
<div>
|
||||
</.section>
|
||||
<.section>
|
||||
<.title is-4>
|
||||
Password
|
||||
</.title>
|
||||
<.simple_form
|
||||
for={@password_form}
|
||||
id="password_form"
|
||||
|
@ -68,8 +77,7 @@ defmodule FreediveWeb.UserSettingsLive do
|
|||
<.button phx-disable-with="Changing...">Change Password</.button>
|
||||
</:actions>
|
||||
</.simple_form>
|
||||
</div>
|
||||
</div>
|
||||
</.section>
|
||||
"""
|
||||
end
|
||||
|
||||
|
|
Loading…
Reference in a new issue