mirror of
https://github.com/StefBuwalda/WebTech.git
synced 2025-10-30 11:19:58 +00:00
css changes login page
This commit is contained in:
@@ -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>
|
||||
<div>
|
||||
{{ form.username.label }} <br> {{ form.username() }}
|
||||
</div>
|
||||
<div>
|
||||
{{ form.password.label }} <br> {{ form.password() }}
|
||||
</div>
|
||||
<div class="submit">
|
||||
{{ form.submit() }}
|
||||
</div>
|
||||
</form>
|
||||
{% endblock %}
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user