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

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

@@ -24,6 +24,7 @@
</environment> </environment>
</head> </head>
<body> <body>
<div class="esh-app-wrapper">
<header class="esh-app-header"> <header class="esh-app-header">
<div class="container"> <div class="container">
<article class="row"> <article class="row">
@@ -47,6 +48,7 @@
</article> </article>
</div> </div>
</footer> </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
}
} }