Merge pull request #135 from hellcp/patch-3

Make footer always be at the bottom of the page
This commit is contained in:
daniel 2018-06-04 21:44:51 -06:00 committed by GitHub
commit f1c50408f1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 6 deletions

View file

@ -1,3 +1,15 @@
html, body {
min-height:100vh;
}
body {
display: flex;
flex-flow: column;
}
#content {
margin-bottom: auto !important;
}
body, button, input, textarea { body, button, input, textarea {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI", font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",
Roboto,Helvetica,Arial,sans-serif; Roboto,Helvetica,Arial,sans-serif;

View file

@ -19,12 +19,10 @@
</head> </head>
<body class=""> <body class="">
@include('layouts.partial.nav') @include('layouts.partial.nav')
<main class=""> <main id="content">
@yield('content') @yield('content')
</main> </main>
<div class="align-items-end">
@include('layouts.partial.footer') @include('layouts.partial.footer')
</div>
<script type="text/javascript" src="{{ mix('js/app.js') }}"></script> <script type="text/javascript" src="{{ mix('js/app.js') }}"></script>
@stack('scripts') @stack('scripts')
</body> </body>

View file

@ -1,6 +1,6 @@
<footer> <footer>
<div class="container mt-5"> <div class="container py-3">
<p class="text-uppercase font-weight-bold small"> <p class="mb-0 text-uppercase font-weight-bold small">
<a href="{{route('site.about')}}" class="text-primary pr-2">About Us</a> <a href="{{route('site.about')}}" class="text-primary pr-2">About Us</a>
<a href="{{route('site.help')}}" class="text-primary pr-2">Support</a> <a href="{{route('site.help')}}" class="text-primary pr-2">Support</a>
<a href="" class="text-primary pr-2">API</a> <a href="" class="text-primary pr-2">API</a>