gnieark/resources-manager-webui
1
0
Fork 0
mirror of https://github.com/resources-manager/resources-manager-webui.git synced 2024-11-21 15:39: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; display: grid;
grid-template-areas: "header header" grid-template-areas: "header header"
"contentFull contentFull"
"nav content" "nav content"
"footer footer"; "footer footer";
grid-template-columns: 20% auto; grid-template-columns: 20em auto;
} }
body header { body header {
@ -26,13 +27,18 @@ body nav {
section#main { section#main {
grid-area: content; grid-area: content;
} }
section.overnav{
grid-area: contentFull;
justify-self: center;
}
body footer { body footer {
grid-area: footer; grid-area: footer;
} }
form{ form{
display: grid; display: grid;
grid-template-columns: 200px 1fr; grid-template-columns: 15em 30em;
} }
form label { form label {
grid-column: 1 / 2; grid-column: 1 / 2;

2
templates/base.html.twig
View File

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

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

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

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

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