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> | ||||
|     {{ 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 %} | ||||
| @@ -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
	 DaanoGames
					DaanoGames