mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-26 00:51:26 -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,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')
|
||||||
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue