jonny/microblog.pub
1
0
Fork 0
forked from forks/microblog.pub
Code Pull requests Activity

Tweak CSS

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/scss/main.scss
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 {

2
app/templates/error.html
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 %}

2
app/templates/layout.html
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) %}

21
app/templates/login.html
View file

@ -1,15 +1,18 @@
{%- 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">
{% if error %} <div>
<p class="primary-color">Invalid password.</p> {% if error %}
{% endif %} <p class="primary-color">Invalid password.</p>
<form class="form" action="/admin/login" method="POST"> {% endif %}
<input type="hidden" name="csrf_token" value="{{ csrf_token }}"> <form class="form" action="/admin/login" method="POST">
<input type="hidden" name="redirect" value="{{ redirect }}"> <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<input type="password" placeholder="password" name="password" autofocus> <input type="hidden" name="redirect" value="{{ redirect }}">
<input type="submit" value="login"> <input type="password" placeholder="password" name="password" autofocus>
</form> <input type="submit" value="login">
</form>
</div>
</div> </div>
{% endblock %} {% endblock %}