dns-witch/nomilo
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style login page

Browse source
This commit is contained in:
Hannaeko 2023-02-22 13:52:41 +01:00
parent 473daa532a
commit 1cd58f6ff7
4 changed files with 47 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
public/styles/login.css Normal file
View file

@ -0,0 +1,10 @@
main {
margin-top: 20vh;
}
form {
display: flex;
flex-direction: column;
max-width: 25rem;
margin: auto;
}

33
public/styles/main.css
View file

@ -1,8 +1,7 @@
body {
color: #2e2033;
display: flex;
height: 100%;
width: 100%;
min-height: 100vh;
min-width: 100vw;
margin: 0;
}
@ -10,6 +9,33 @@ main {
flex-grow: 1;
}
input {
padding: .35rem .35rem;
font-size: 1rem;
}
input[type="submit"] {
margin-top: 2rem;
background: #712da0;
color: white;
border-left: 5px solid #ffbac6;
border-top: 5px solid #ffbac6;
border-right: 5px solid #f560f5;
border-bottom: 5px solid #f560f5;
}
input[type="submit"]:hover {
background: #7a43a1;
}
input[type="submit"]:active {
background: #875ba6;
}
form label {
margin-top: .75em;
}
zone-content table {
border-collapse: collapse;
width: 100%;
@ -59,4 +85,3 @@ zone-content tbody tr .rdata div {
display: flex;
align-items: baseline;
}

1
templates/bases/base.html
View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{% endblock title %}Nomilo</title>
<link rel="stylesheet" type="text/css" href="/styles/main.css">
{% block styles %}{% endblock styles %}
</head>
<body>
{% block content %}{% endblock content %}

9
templates/pages/login.html
View file

@ -1,6 +1,9 @@
{% extends "bases/base.html" %}
{% block title %}Login ⋅ {% endblock title %}
{% block styles %}
<link rel="stylesheet" type="text/css" href="/styles/login.css">
{% endblock styles %}
{% block content %}
<main>
@ -10,8 +13,10 @@
</p>
{% endif %}
<form method="POST" action="/login">
<input type="text" name="username">
<input type="password" name="password">
<label for="email">Adresse e-mail</label>
<input type="email" id="email" name="email">
<label for="password">Mot de passe</label>
<input type="password" id="password" name="password">
<input type="submit" value="Se connecter">
</form>
</main>