Окна логина и регистрации отцентрированы

This commit is contained in:
2021-07-16 13:42:17 +03:00
parent f89a948c37
commit b15720db38
6 changed files with 72 additions and 58 deletions

View File

@@ -2,39 +2,43 @@
{% block content %}
<div class="column is-4 is-offset-4 is-centered">
<form class="box" action="/login" method="POST">
<h3 class="title">Вход</h3>
<div class="field">
<label class="label">Email</label>
<p class="control has-icons-left">
<input class="input" type="email" name="email" placeholder="yourmail@example.com" required>
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
</p>
<section class="hero is-medium">
<div class="hero-body">
<div class="column is-4 is-offset-4">
<form class="box" method="POST" action="/login" >
<h3 class="title">Вход</h3>
<div class="field">
<label class="label">Email</label>
<p class="control has-icons-left">
<input class="input" type="email" name="email" placeholder="yourmail@example.com" required>
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
</p>
</div>
<div class="field">
<label class="label">Пароль</label>
<p class="control has-icons-left">
<input class="input" type="password" name="password" placeholder="********" required>
<span class="icon is-small is-left">
<i class="fas fa-lock"></i>
</span>
</p>
</div>
<div class="field">
<label class="checkbox">
<input type="checkbox">
Запомнить меня
</label>
</div>
<div class="field">
<p class="control">
<button class="button is-success is-outlined is-fullwidth" type="submit">Войти</button>
</p>
</div>
</form>
</div>
<div class="field">
<label class="label">Пароль</label>
<p class="control has-icons-left">
<input class="input" type="password" name="password" placeholder="********" required>
<span class="icon is-small is-left">
<i class="fas fa-lock"></i>
</span>
</p>
</div>
<div class="field">
<label class="checkbox">
<input type="checkbox">
Запомнить меня
</label>
</div>
<div class="field">
<p class="control">
<button class="button is-success is-outlined is-fullwidth" type="submit">Войти</button>
</p>
</div>
</form>
</div>
</div>
</section>
{% endblock %}