Llloooggg/Dyxless
1
0
Fork 0
mirror of https://github.com/Llloooggg/Dyxless.git synced 2026-03-06 02:36:24 +03:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Denis Podshivalov
2021-07-16 13:42:17 +03:00
parent f89a948c37
commit b15720db38
6 changed files with 72 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
dyxless/templates/base.html
View File

@@ -33,14 +33,18 @@
<div id="navbarMain" class="navbar-menu">
<div class="navbar-end">
{% if not current_user.is_authenticated %}
{% if url_for(request.endpoint) != url_for('auth.login') %}
<a href="{{ url_for('auth.login') }}" class="navbar-item">
Войти
</a>
{% endif %}
{% if url_for(request.endpoint) != url_for('auth.signup') %}
<span class="navbar-item">
<a href="{{ url_for('auth.signup') }}" class="button is-success is-outlined">
<strong>Зарегистрироваться</strong>
</a>
</span>
{% endif %}
{% else %}
<div class="navbar-item has-dropdown is-hoverable">
<a href="{{ url_for('main.profile') }}" class="navbar-link">
@@ -66,9 +70,11 @@
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, text in messages%}
<div class="notification {{ category }}">
<button class="delete"></button>
{{ text }}
<div class='column is-3 is-offset-9'>
<div class="notification is-light {{ category }}">
<button class="delete"></button>
{{ text }}
</div>
</div>
{% endfor %}
{% endif %}

70
dyxless/templates/login.html
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 %}

24
dyxless/templates/profile.html
View File

@@ -1,16 +1,16 @@
{% extends "base.html" %}
{% block content %}
<div class="container has-text-centered">
<section class="hero is-medium">
<div class="hero-body">
<p class="title">
Профиль
</p>
<p class="subtitle">
Добро пожаловать, {{ current_user.username }}!
</p>
</div>
</section>
</div>
<section class="hero is-medium">
<div class="hero-body">
<p class="title">
Профиль
</p>
<p class="subtitle">
Добро пожаловать, {{ current_user.username }}!
</p>
</div>
</section>
{% endblock %}

18
dyxless/templates/signup.html
View File

@@ -2,15 +2,15 @@
{% block content %}
<div class="column is-4 is-offset-4">
<h3 class="title">Регистрация</h3>
<div class="container">
<section class="hero is-medium">
<form class="box" method="POST" action="/signup">
<section class="hero is-medium">
<div class="hero-body">
<div class="column is-4 is-offset-4">
<form class="box" method="POST" action="/signup">
<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>
<input class="input" type="email" name="email" placeholder="you@mail.com" required>
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
@@ -19,7 +19,7 @@
<div class="field">
<label class="label">Никнейм</label>
<p class="control has-icons-left">
<input class="input" type="username" name="username" placeholder="YourUsername" required>
<input class="input" type="username" name="username" placeholder="Username" required>
<span class="icon is-small is-left">
<i class="fas fa-user"></i>
</span>
@@ -36,8 +36,8 @@
</div>
<button class="button is-success is-outlined is-fullwidth">Зарегистрироваться</button>
</form>
</section>
</div>
</div>
</div>
</section>
{% endblock %}