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

View file

@ -9,6 +9,7 @@
@section('page-content') @section('page-content')
@include('sections.nav') @include('sections.nav')
<div class="flex-wrapper">
<div class="page-container"> <div class="page-container">
<div class="main-content"> <div class="main-content">
@yield('content') @yield('content')
@ -16,4 +17,5 @@
@include('sections.footer') @include('sections.footer')
</div> </div>
</div>
@endsection @endsection