Nell/eShopOnWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixing footer styling

Browse Source
This commit is contained in:
Eric Fleming
2019-02-16 20:53:57 -05:00
parent ae46185a0b
commit 374c950a49
4 changed files with 39 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/Web/Views/Shared/_Layout.cshtml
View File

@@ -24,29 +24,31 @@
</environment> </environment>
</head> </head>
<body> <body>
<header class="esh-app-header"> <div class="esh-app-wrapper">
<div class="container"> <header class="esh-app-header">
<article class="row"> <div class="container">
<section class="col-lg-7 col-md-6 col-xs-12"> <article class="row">
<a asp-area="" asp-page="/Index"> <section class="col-lg-7 col-md-6 col-xs-12">
<img src="~/images/brand.png" alt="eShop On Web" /> <a asp-area="" asp-page="/Index">
</a> <img src="~/images/brand.png" alt="eShop On Web" />
</section> </a>
<partial name="_LoginPartial" /> </section>
</article> <partial name="_LoginPartial" />
</div> </article>
</header> </div>
@RenderBody() </header>
<footer class="esh-app-footer footer"> @RenderBody()
<div class="container"> <footer class="esh-app-footer footer">
<article class="row"> <div class="container">
<section class="col-sm-6"></section> <article class="row">
<section class="col-sm-6"> <section class="col-sm-6"></section>
<div class="esh-app-footer-text hidden-xs"> e-ShopOnWeb. All rights reserved </div> <section class="col-sm-6">
</section> <div class="esh-app-footer-text hidden-xs"> e-ShopOnWeb. All rights reserved </div>
</article> </section>
</div> </article>
</footer> </div>
</footer>
</div>
<environment names="Development"> <environment names="Development">
<script src="~/lib/jquery/dist/jquery.js"></script> <script src="~/lib/jquery/dist/jquery.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>

6
src/Web/wwwroot/css/app.component.css
View File

@@ -12,3 +12,9 @@
.esh-app-header { .esh-app-header {
margin: 15px; } margin: 15px; }
.esh-app-wrapper {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between; }

2
src/Web/wwwroot/css/app.component.min.css vendored
View File

@@ -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%;bottom:0;}.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;}.esh-app-wrapper{display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;}

9
src/Web/wwwroot/css/app.component.scss
View File

@@ -11,7 +11,6 @@
padding-bottom: $padding; padding-bottom: $padding;
padding-top: $padding; padding-top: $padding;
width: 100%; width: 100%;
bottom: 0; bottom: 0;
$height: 50px; $height: 50px;
@@ -19,10 +18,16 @@
height: $height; height: $height;
width: 230px; width: 230px;
} }
} }
&-header { &-header {
margin: 15px; margin: 15px;
} }
&-wrapper {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between
}
} }