Browse Source

Working on styling for new Login page

main
Eric Fleming 7 years ago
parent
commit
ae46185a0b
  1. 6
      src/Web/Areas/Identity/Pages/Account/Login.cshtml
  2. 2
      src/Web/Views/Shared/_Layout.cshtml
  3. 3
      src/Web/wwwroot/css/app.component.css
  4. 2
      src/Web/wwwroot/css/app.component.min.css
  5. 1
      src/Web/wwwroot/css/app.component.scss

6
src/Web/Areas/Identity/Pages/Account/Login.cshtml

@ -5,13 +5,13 @@
ViewData["Title"] = "Log in"; ViewData["Title"] = "Log in";
} }
<h2>@ViewData["Title"]</h2>
<div class="container" account-login-container> <div class="container account-login-container">
<h2>@ViewData["Title"]</h2>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<section> <section>
<form method="post"> <form method="post">
<h4>Use a local account to log in.</h4>
<hr /> <hr />
<div asp-validation-summary="All" class="text-danger"></div> <div asp-validation-summary="All" class="text-danger"></div>
<div class="form-group"> <div class="form-group">

2
src/Web/Views/Shared/_Layout.cshtml

@ -37,7 +37,7 @@
</div> </div>
</header> </header>
@RenderBody() @RenderBody()
<footer class="esh-app-footer"> <footer class="esh-app-footer footer">
<div class="container"> <div class="container">
<article class="row"> <article class="row">
<section class="col-sm-6"></section> <section class="col-sm-6"></section>

3
src/Web/wwwroot/css/app.component.css

@ -4,7 +4,8 @@
margin-top: 2.5rem; margin-top: 2.5rem;
padding-bottom: 2.5rem; padding-bottom: 2.5rem;
padding-top: 2.5rem; padding-top: 2.5rem;
width: 100%; } width: 100%;
bottom: 0; }
.esh-app-footer-brand { .esh-app-footer-brand {
height: 50px; height: 50px;
width: 230px; } width: 230px; }

2
src/Web/wwwroot/css/app.component.min.css

@ -1 +1 @@
.esh-app-footer{background-color:#000;border-top:1px solid #eee;margin-top:2.5rem;padding-bottom:2.5rem;padding-top:2.5rem;width:100%;}.esh-app-footer-brand{height:50px;width:230px;}.esh-app-header{margin:15px;} .esh-app-footer{background-color:#000;border-top:1px solid #eee;margin-top:2.5rem;padding-bottom:2.5rem;padding-top:2.5rem;width:100%;bottom:0;}.esh-app-footer-brand{height:50px;width:230px;}.esh-app-header{margin:15px;}

1
src/Web/wwwroot/css/app.component.scss

@ -12,6 +12,7 @@
padding-top: $padding; padding-top: $padding;
width: 100%; width: 100%;
bottom: 0;
$height: 50px; $height: 50px;
&-brand { &-brand {

Loading…
Cancel
Save