gnieark/resources-manager-webui
1
0
Fork 0
mirror of https://github.com/resources-manager/resources-manager-webui.git synced 2024-11-21 07:29:20 +01:00
Code Issues Releases Wiki Activity

grid-css

Browse Source
This commit is contained in:
Gnieark 2019-12-27 15:35:02 +01:00
parent aa4c95bd2d
commit 20d98c5e1d
4 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/css/style.css
View File

@ -11,9 +11,10 @@ body{
display: grid;
grid-template-areas: "header header"
"contentFull contentFull"
"nav content"
"footer footer";
grid-template-columns: 20% auto;
grid-template-columns: 20em auto;
}
body header {
@ -26,13 +27,18 @@ body nav {
section#main {
grid-area: content;
}
section.overnav{
grid-area: contentFull;
justify-self: center;
}
body footer {
grid-area: footer;
}
form{
display: grid;
grid-template-columns: 200px 1fr;
grid-template-columns: 15em 30em;
}
form label {
grid-column: 1 / 2;

2
templates/base.html.twig
View File

@ -11,9 +11,11 @@
<body>
<header>{% block header %}<h1>Resources booking manager</h1>{% endblock %}</header>
<nav></nav>
{% block overcontent %}
<section id="main">
{% block content %}{% endblock %}
</section>
{% endblock %}
<footer></footer>
{% block javascripts %}{% endblock %}
</body>

8
templates/security/login.html.twig
View File

@ -2,12 +2,14 @@
{% block title %}Log in{% endblock %}
{% block content %}
<form method="post">
{% block overcontent %}
<section class="overnav">
<form method="post">
<h2>Please sign in</h2>
<label for="inputEmail">Email</label> <input type="email" value="{{ last_username }}" name="email" id="inputEmail" required autofocus>
<label for="inputPassword">Password</label> <input type="password" name="password" id="inputPassword" required>
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}"/>
<input type="submit" value="Sign in"/>
</form>
</form>
</section>
{% endblock %}

6
templates/security/register.html.twig
View File

@ -1,8 +1,8 @@
{% extends 'base.html.twig' %}
{% block title %}Register{% endblock %}
{% block header %}<h1>Register a new user</h1>{% endblock %}
{% block content %}
{% block overcontent %}
<section class="overnav">
{{ form(form) }}
</section>
{% endblock %}