Merge pull request #940 from joachimesque/fix-body-height

Set body minimum height
This commit is contained in:
Mouse Reeve 2021-04-15 13:45:34 -07:00 committed by GitHub
commit addbf6771e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 157 additions and 147 deletions

View file

@ -3,6 +3,12 @@ html {
scroll-padding-top: 20%; scroll-padding-top: 20%;
} }
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.image { .image {
overflow: hidden; overflow: hidden;
} }

View file

@ -22,7 +22,8 @@
<meta name="twitter:image:alt" content="BookWyrm Logo"> <meta name="twitter:image:alt" content="BookWyrm Logo">
</head> </head>
<body> <body>
<nav class="navbar container" aria-label="main navigation"> <nav class="navbar" aria-label="main navigation">
<div class="container">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
<img class="image logo" src="{% if site.logo_small %}/images/{{ site.logo_small }}{% else %}/static/images/logo-small.png{% endif %}" alt="Home page"> <img class="image logo" src="{% if site.logo_small %}/images/{{ site.logo_small }}{% else %}/static/images/logo-small.png{% endif %}" alt="Home page">
@ -175,12 +176,15 @@
{% endif %} {% endif %}
</div> </div>
</div> </div>
</div>
</nav> </nav>
<div class="section container"> <div class="section is-flex-grow-1">
<div class="container">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div>
</div> </div>
<footer class="footer"> <footer class="footer">