Tweak CSS

This commit is contained in:
Thomas Sileo 2022-09-20 20:00:35 +02:00
parent e0ad21f335
commit 6873ede288
4 changed files with 24 additions and 11 deletions

View file

@ -212,6 +212,7 @@ a {
} }
} }
#main { #main {
display: flex;
flex: 1; flex: 1;
} }
main { main {
@ -220,10 +221,19 @@ main {
margin: 30px auto; margin: 30px auto;
} }
.main-flex {
display: flex;
flex: 1;
}
.centered { .centered {
display: flex; display: flex;
flex: 1;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
div {
display: block;
}
} }
footer { footer {

View file

@ -1,6 +1,6 @@
{%- import "utils.html" as utils with context -%} {%- import "utils.html" as utils with context -%}
{% extends "layout.html" %} {% extends "layout.html" %}
{% block main_tag %} class="main-flex"{% endblock %}
{% block head %} {% block head %}
<title>{{ title }}</title> <title>{{ title }}</title>
{% endblock %} {% endblock %}

View file

@ -14,7 +14,7 @@
</head> </head>
<body> <body>
<div id="main"> <div id="main">
<main> <main{%- block main_tag %}{%- endblock %}>
{% if is_admin %} {% if is_admin %}
<div id="admin"> <div id="admin">
{% macro admin_link(url, text) %} {% macro admin_link(url, text) %}

View file

@ -1,7 +1,9 @@
{%- import "utils.html" as utils with context -%} {%- import "utils.html" as utils with context -%}
{% extends "layout.html" %} {% extends "layout.html" %}
{% block main_tag %} class="main-flex"{% endblock %}
{% block content %} {% block content %}
<div class="centered"> <div class="centered">
<div>
{% if error %} {% if error %}
<p class="primary-color">Invalid password.</p> <p class="primary-color">Invalid password.</p>
{% endif %} {% endif %}
@ -12,4 +14,5 @@
<input type="submit" value="login"> <input type="submit" value="login">
</form> </form>
</div> </div>
</div>
{% endblock %} {% endblock %}