Improved Account Manage and Profile layout

This commit is contained in:
Mia Rose Winter 2024-01-16 22:46:26 +01:00
parent 07f9f94f82
commit 33b64e78ec
Signed by: miawinter
GPG key ID: 4B6F6A83178F595E
3 changed files with 13 additions and 13 deletions

View file

@ -14,9 +14,17 @@
<StatusMessage Message="@Message" /> <StatusMessage Message="@Message" />
<div class="flex gap-4 flex-wrap"> <div class="flex gap-4 flex-wrap">
<section class="max-w-xs" Model="Input" FormName="profile" OnValidSubmit="OnValidSubmitAsync" method="post"> <section class="w-80 max-w-xs" Model="Input" FormName="profile" OnValidSubmit="OnValidSubmitAsync" method="post">
<h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Title"]</h2> <h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Title"]</h2>
<label class="form-control w-full">
<div class="label">
<span class="label-text">@Localizer["UserName_Label"]</span>
</div>
<input class="input input-bordered w-full" type="text" value="@UserName"
placeholder="Please choose your username." disabled/>
</label>
<EditForm FormName="update-profile" Model="@Model" OnValidSubmit="@SubmitFullNameUpdate" method="post" Enhance="false"> <EditForm FormName="update-profile" Model="@Model" OnValidSubmit="@SubmitFullNameUpdate" method="post" Enhance="false">
<DataAnnotationsValidator /> <DataAnnotationsValidator />
<label class="form-control w-full"> <label class="form-control w-full">
@ -35,16 +43,8 @@
@Localizer["FullName_Submit"] @Localizer["FullName_Submit"]
</button> </button>
</EditForm> </EditForm>
<label class="form-control w-full">
<div class="label">
<span class="label-text">@Localizer["UserName_Label"]</span>
</div>
<input class="input input-bordered w-full" type="text" value="@UserName"
placeholder="Please choose your username." disabled/>
</label>
</section> </section>
<section> <section class="w-80 max-w-xs">
<h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Permissions"]</h2> <h2 class="text-2xl lg:text-4xl mb-3">@Localizer["Permissions"]</h2>
<ul> <ul>
<li class="flex gap-2 content-center"> <li class="flex gap-2 content-center">

View file

@ -2,12 +2,12 @@
@layout AccountLayout @layout AccountLayout
<div class="flex gap-x-8 gap-y-4 flex-wrap"> <div class="flex gap-x-8 gap-y-4 flex-wrap">
<div class="max-w-xs"> <div class="w-full md:max-w-xs">
<div class="bg-base-200 p-4 rounded"> <div class="bg-base-200 p-4 rounded">
<ManageNavMenu/> <ManageNavMenu/>
</div> </div>
</div> </div>
<div> <div class="max-w-full">
<h1 class="text-3xl lg:text-5xl mb-3">Manage your account</h1> <h1 class="text-3xl lg:text-5xl mb-3">Manage your account</h1>
@Body @Body

File diff suppressed because one or more lines are too long