59 lines
1.7 KiB
HTML
59 lines
1.7 KiB
HTML
{% extends "base.html" %}
|
|
{% block head %}
|
|
<style>
|
|
/* Poprawiona responsywność i centrowanie */
|
|
.full-height-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
padding-top: 2rem;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.full-height-row {
|
|
min-height: auto;
|
|
padding-top: 1rem;
|
|
padding-bottom: 1rem;
|
|
}
|
|
}
|
|
|
|
.card {
|
|
width: 100%;
|
|
max-width: 420px;
|
|
margin: auto;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
{% block content %}
|
|
<div class="container">
|
|
<div class="row full-height-row justify-content-center align-items-center">
|
|
<div class="col-md-6">
|
|
<div class="card shadow">
|
|
<div class="card-header text-center">
|
|
<h2>Zaloguj się</h2>
|
|
</div>
|
|
<div class="card-body">
|
|
<form action="{{ url_for('login') }}" method="POST">
|
|
<div class="mb-3">
|
|
<label for="username" class="form-label">Nazwa użytkownika</label>
|
|
<input type="text" class="form-control" id="username" name="username" placeholder="Wpisz nazwę użytkownika">
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="password" class="form-label">Hasło</label>
|
|
<input type="password" class="form-control" id="password" name="password" placeholder="Wpisz hasło">
|
|
</div>
|
|
<div class="d-grid">
|
|
<button type="submit" class="btn btn-primary">Zaloguj się</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="card-footer text-center">
|
|
<a href="{{ url_for('register') }}">Nie masz konta? Zarejestruj się</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|