nicolas
/
eShopOnWeb
mirror of https://github.com/nmasse-itix/eShopOnWeb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Fixing footer styling

main
Eric Fleming 7 years ago
parent
ae46185a0b
commit
374c950a49
4 changed files with 39 additions and 26 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 48
      src/Web/Views/Shared/_Layout.cshtml
  2. 6
      src/Web/wwwroot/css/app.component.css
  3. 2
      src/Web/wwwroot/css/app.component.min.css
  4. 9
      src/Web/wwwroot/css/app.component.scss

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
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
}
} }
Write Preview
Loading…
Cancel
Save