css changes login page

This commit is contained in:
DaanoGames
2025-04-12 16:27:47 +02:00
parent c7d4923386
commit 5316e784a2
3 changed files with 31 additions and 6 deletions

View File

@@ -9,10 +9,16 @@ Login
<p>{{feedback}}</p>
{% endif %}
<form method="POST">
<form class="bg-body-tertiary" method="POST">
{{ form.hidden_tag() }}
{{ form.username.label }} {{ form.username() }}<br>
{{ form.password.label }} {{ form.password() }}<br>
{{ form.submit() }}
<div>
{{ form.username.label }} <br> {{ form.username() }}
</div>
<div>
{{ form.password.label }} <br> {{ form.password() }}
</div>
<div class="submit">
{{ form.submit() }}
</div>
</form>
{% endblock %}

View File

@@ -14,9 +14,28 @@ body {
.grid-container > div {
text-align: center;
height: 100px;
height: fit-content;
padding-top: 5px;
padding-bottom: 5px;
border: 2px solid black;
border-radius: 10px;
background-color: whitesmoke;
}
form {
display: block;
margin-left: auto;
margin-right: auto;
height: fit-content;
width: fit-content;
border: 2px solid black;
border-radius: 10px;
text-align: center;
margin-top: 10px;
padding: 20px;
font-size: 20px;
}
.submit {
padding-top: 10px;
}

View File

@@ -14,7 +14,7 @@
</head>
<body>
<nav id="nav" class="navbar sticky-top navbar-expand-lg bg-body-tertiary" data-bs-theme="dark">
<nav class="navbar sticky-top navbar-expand-lg bg-body-tertiary" data-bs-theme="dark">
<div class="container-fluid">
<a class="navbar-brand" href="{{url_for('index')}}">Applicatie naam</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"