stef_buwalda/WebTech
1
0
Fork 0
mirror of https://github.com/StefBuwalda/WebTech.git synced 2025-10-30 11:19:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

css changes login page

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

14
application/auth/templates/login.html
View File

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

21
application/static/style.css
View File

@@ -14,9 +14,28 @@ body {
.grid-container > div { .grid-container > div {
text-align: center; text-align: center;
height: 100px; height: fit-content;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px;
border: 2px solid black; border: 2px solid black;
border-radius: 10px; border-radius: 10px;
background-color: whitesmoke; 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;
} }

2
application/templates/base_template.html
View File

@@ -14,7 +14,7 @@
</head> </head>
<body> <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"> <div class="container-fluid">
<a class="navbar-brand" href="{{url_for('index')}}">Applicatie naam</a> <a class="navbar-brand" href="{{url_for('index')}}">Applicatie naam</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" <button class="navbar-toggler" type="button" data-bs-toggle="collapse"