User container class in layout

This commit is contained in:
Mouse Reeve 2021-01-03 12:53:51 -08:00
parent e3fa0afa9a
commit 8e923d6333
3 changed files with 30 additions and 25 deletions

View file

@ -75,10 +75,10 @@ input.toggle-control:checked ~ .modal.toggle-content {
max-height: 500px; max-height: 500px;
} }
.cover-container.is-medium { .cover-container.is-medium {
height: 200px; height: 150px;
} }
.cover-container.is-small { .cover-container.is-small {
height: 150px; height: 100px;
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.cover-container { .cover-container {

View file

@ -26,6 +26,10 @@
</div> </div>
</section> </section>
<div class="block is-hidden-tablet">
<h2 class="title has-text-centered">Recent Books</h2>
</div>
<section class="tile is-ancestor"> <section class="tile is-ancestor">
<div class="tile is-vertical"> <div class="tile is-vertical">
<div class="tile is-parent"> <div class="tile is-parent">

View file

@ -18,7 +18,7 @@
</head> </head>
<body> <body>
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar container" role="navigation" aria-label="main navigation">
<div class="navbar-brand"> <div class="navbar-brand">
<a class="navbar-item" href="/"> <a class="navbar-item" href="/">
<img class="image logo" src="/static/images/logo-small.png" alt="Home page"> <img class="image logo" src="/static/images/logo-small.png" alt="Home page">
@ -149,34 +149,36 @@
</nav> </nav>
<div class="section"> <div class="section container">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div> </div>
<div class="footer"> <footer class="footer">
<div class="columns"> <div class="container">
<div class="column"> <div class="columns">
<p> <div class="column">
<a href="/about">About this server</a> <p>
</p> <a href="/about">About this server</a>
{% if site.admin_email %} </p>
<p> {% if site.admin_email %}
<a href="mailto:{{ site.admin_email }}">Contact site admin</a> <p>
</p> <a href="mailto:{{ site.admin_email }}">Contact site admin</a>
</p>
{% endif %}
</div>
{% if site.support_link %}
<div class="column">
<span class="icon icon-heart"></span>
Support {{ site.name }} on <a href="{{ site.support_link }}" target="_blank">{{ site.support_title }}</a>
</div>
{% endif %} {% endif %}
</div> <div class="column">
{% if site.support_link %} BookWyrm is open source software. You can contribute or report issues on <a href="https://github.com/mouse-reeve/bookwyrm">GitHub</a>.
<div class="column"> </div>
<span class="icon icon-heart"></span>
Support {{ site.name }} on <a href="{{ site.support_link }}" target="_blank">{{ site.support_title }}</a>
</div>
{% endif %}
<div class="column">
BookWyrm is open source software. You can contribute or report issues on <a href="https://github.com/mouse-reeve/bookwyrm">GitHub</a>.
</div> </div>
</div> </div>
</div> </footer>
<script> <script>
var csrf_token = '{{ csrf_token }}'; var csrf_token = '{{ csrf_token }}';
@ -184,4 +186,3 @@
<script src="/static/js/shared.js"></script> <script src="/static/js/shared.js"></script>
</body> </body>
</html> </html>