mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-12-22 17:50:22 -05:00
Add a fix to the flexbox sticky footer for ie11
This commit is contained in:
parent
4703e20fd4
commit
ca9033fe92
3 changed files with 19 additions and 10 deletions
5
resources/assets/sass/classes/_flex-fix.scss
vendored
Normal file
5
resources/assets/sass/classes/_flex-fix.scss
vendored
Normal file
|
@ -0,0 +1,5 @@
|
|||
.flex-fix {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
}
|
|
@ -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
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue