Skip to content

Commit

Permalink
Fixed Manage User Account and mobile view
Browse files Browse the repository at this point in the history
  • Loading branch information
@nwrxi
nwrxi committed Nov 10, 2020
1 parent 6d015b4 commit c0f485e
Show file tree
Hide file tree
Showing 3 changed files with 75 additions and 51 deletions.
93 changes: 51 additions & 42 deletions SginalRChatTest/Areas/Identity/Pages/Account/Manage/Index.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,58 +5,67 @@
ViewData["ActivePage"] = ManageNavPages.Index;
}

@section Styles{
<link rel="stylesheet" href="~/css/login.css" />
@section Styles{
<link rel="stylesheet" href="~/css/login.css" />
}
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 col-lg-10 mx-auto">
<div class="card card-signin my-5">
<div class="card-body">
<h5 class="card-title text-center" style="font-size: 2rem;"><br />@ViewData["Title"]</h5>
<div class="user-center">
<section>
<form class="form-signin">
<div class="row align-items-center p-3">
<div class="col-md-2 text-right">
<label asp-for="Username"></label>
</div>
<div class="col-md-4">
<div class="form-label-group">
<input type="email" asp-for="Username" class="form-control" disabled />
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<p>
<a class="btn btn-lg btn-primary btn-block text-uppercase button-signin" asp-page="./Email" asp-route-returnUrl="./Index">Change email</a>
</p>
</div>
</div>
</div>

<div class="card my-3">
<div class="card-body">
<h4 class="card-title text-center">@ViewData["Title"]</h4>
<section>
<form class="form-signin">
<div class="row align-items-center p-3">
<div class="col-md-2 text-right">
<label asp-for="Username"></label>
</div>
<div class="col-md-4">
<div class="form-label-group">
<input type="email" asp-for="Username" class="form-control" disabled />
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<p>
<a class="btn btn-lg btn-primary btn-block text-uppercase button-signin" asp-page="./Email" asp-route-returnUrl="./Index">Change email</a>
</p>
</div>
</div>
</div>

<div class="row align-items-center p-2">
<div class="col-md-2 text-right">
<label>Current password</label>
</div>
<div class="col-md-4">
<div class="form-label-group">
<input type="password" class="form-control" value="*********" disabled />
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<p>
<a class="btn btn-lg btn-primary btn-block text-uppercase button-signin" asp-page="./ChangePassword" asp-route-returnUrl="./Index">Change password</a>
</p>
</div>
<div class="row align-items-center p-2">
<div class="col-md-2 text-right">
<label>Current password</label>
</div>
<div class="col-md-4">
<div class="form-label-group">
<input type="password" class="form-control" value="*********" disabled />
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<p>
<a class="btn btn-lg btn-primary btn-block text-uppercase button-signin" asp-page="./ChangePassword" asp-route-returnUrl="./Index">Change password</a>
</p>
</div>
</div>
</div>
</form>
</section>
</div>

</div>
</form>
</section>
</div>
</div>
</div>
</div>





@section Scripts {
<partial name="_ValidationScriptsPartial" />
}
7 changes: 2 additions & 5 deletions SginalRChatTest/Areas/Identity/Pages/Account/Manage/_Layout.cshtml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,10 @@
}
}

@RenderSection("Styles", required: false)

<h2>Manage your account</h2>
@await RenderSectionAsync("Styles", required: false)

<div>
<h4>Change your account settings</h4>
<hr />
<div class="container">
@*<div class="col-md-1">
<partial name="_ManageNav" />
Expand All @@ -27,5 +24,5 @@
</div>

@section Scripts {
@RenderSection("Scripts", required: false)
@await RenderSectionAsync("Scripts", required: false)
}
26 changes: 22 additions & 4 deletions SginalRChatTest/wwwroot/css/login.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,9 +33,6 @@ body {
border: 0;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
top: 50%;
left: 50%;
transform: translate(-50%, -40%);
}

.card-signin .card-title {
Expand Down Expand Up @@ -143,4 +140,25 @@ body {
.form-label-group > label { display: none; }

.form-label-group input:-ms-input-placeholder { color: #777; }
}
}


@media (min-height: 780px) {

.card-signin {
border: 0;
border-radius: 1rem;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
top: 50%;
left: 50%;
transform: translate(-50%, -40%);
}


.user-center {
margin-left: 3rem;
margin-bottom: 2rem;
}

}

0 comments on commit c0f485e

Please sign in to comment.