Add a fix to the flexbox sticky footer for ie11

This commit is contained in:
Kevin MacMartin 2018-03-06 21:53:11 -05:00
parent 4703e20fd4
commit ca9033fe92
3 changed files with 19 additions and 10 deletions

View file

@ -0,0 +1,5 @@
.flex-fix {
display: flex;
width: 100%;
flex-direction: column;
}

View file

@ -9,12 +9,14 @@
@section('page-content')
<nav-component></nav-component>
<div class="page-container">
<div id="router-view" class="main-content">
<router-view></router-view>
</div>
<div class="flex-wrapper">
<div class="page-container">
<div id="router-view" class="main-content">
<router-view></router-view>
</div>
<footer-component></footer-component>
<footer-component></footer-component>
</div>
</div>
@endsection

View file

@ -9,11 +9,13 @@
@section('page-content')
@include('sections.nav')
<div class="page-container">
<div class="main-content">
@yield('content')
</div>
<div class="flex-wrapper">
<div class="page-container">
<div class="main-content">
@yield('content')
</div>
@include('sections.footer')
@include('sections.footer')
</div>
</div>
@endsection