Remove flex-fix as it's no longer required (ie11 is fully unsupported now)

This commit is contained in:
Kevin MacMartin 2024-03-11 17:16:33 -04:00
parent 312d2fdea7
commit d4b58b3865
5 changed files with 19 additions and 32 deletions

View file

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

View file

@ -38,16 +38,14 @@
</head> </head>
<body class="{{ $device_mobile ? 'mobile-browser' : 'desktop-browser' }}"> <body class="{{ $device_mobile ? 'mobile-browser' : 'desktop-browser' }}">
<div class="flex-fix"> <div class="site-content">
<div class="site-content"> @yield('page-top')
@yield('page-top')
<div class="page-content"> <div class="page-content">
@yield('page-content') @yield('page-content')
</div>
@yield('page-bottom')
</div> </div>
@yield('page-bottom')
</div> </div>
@if(Config::get('app.debug') && Config::get('app.env') === 'local') @if(Config::get('app.debug') && Config::get('app.env') === 'local')

View file

@ -5,11 +5,9 @@
@endsection @endsection
@section('page-content') @section('page-content')
<div class="flex-fix"> <div class="error-page">
<div class="error-page"> <div class="error-page-content">
<div class="error-page-content"> {{ $title }}
{{ $title }}
</div>
</div> </div>
</div> </div>
@endsection @endsection

View file

@ -22,14 +22,12 @@
<div id="vue-container"> <div id="vue-container">
<nav-component></nav-component> <nav-component></nav-component>
<div class="flex-fix"> <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>
</div>
<footer-component></footer-component>
</div> </div>
<footer-component></footer-component>
</div> </div>
</div> </div>
@endsection @endsection

View file

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