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') @section('page-content')
<nav-component></nav-component> <nav-component></nav-component>
<div class="page-container"> <div class="flex-wrapper">
<div id="router-view" class="main-content"> <div class="page-container">
<router-view></router-view> <div id="router-view" class="main-content">
</div> <router-view></router-view>
</div>
<footer-component></footer-component> <footer-component></footer-component>
</div>
</div> </div>
@endsection @endsection

View file

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