Sticky footer

This commit is contained in:
Oliver Davies 2019-05-15 23:48:26 +01:00
parent a39eee47ba
commit ef7cb1ed2c

View file

@ -21,15 +21,15 @@
{% endfor %} {% endfor %}
</head> </head>
<body class="antialiased font-sans text-gray-800 leading-relaxed"> <body class="antialiased font-sans text-gray-800 leading-relaxed">
<div id="app" v-cloak> <div id="app" class="min-h-screen flex flex-col" v-cloak>
<a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue-600 p-4 focus:outline-none"> <a href="#main-content" class="skip-link absolute top-0 left-0 text-white bg-blue-600 p-4 focus:outline-none">
Skip to main content Skip to main content
</a> </a>
{% include 'layout/navbar' %} {% include 'layout/navbar' %}
<div class="container mt-24 px-4 mx-auto"> <div class="container mt-24 px-4 mx-auto flex flex-col flex-1">
<main id="main-content" class="wrap {{ page.layout == 'front' ? 'is-wide' : '' }}"> <main id="main-content" class="flex-1 wrap {{ page.layout == 'front' ? 'is-wide' : '' }}">
{% block page_title_wrapper %} {% block page_title_wrapper %}
<h1 class="leading-tight mb-4"> <h1 class="leading-tight mb-4">
{% block page_title %}{{ page.title }}{% endblock %} {% block page_title %}{{ page.title }}{% endblock %}