Implement cards the correct way. card-action outside of card-content

This commit is contained in:
Patrick Jentsch
2019-07-09 14:13:56 +02:00
parent b85c1e96a1
commit 3187cca1af
4 changed files with 50 additions and 45 deletions

@@ -9,29 +9,34 @@
</div>
<div class="card-content">
<p>Sign in into an exisiting account or register a new one!</p>
<br>
<div class="card-action">
<a class="btn" href="{{url_for('auth.register')}}">Register</a>
</div>
</div>
<div class="card-action">
<a class="btn" href="{{url_for('auth.register')}}">Register</a>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card medium">
<div class="card-content">
<span class="card-title">Log In</span>
<form method="POST">
<form method="POST">
<div class="card-content">
<span class="card-title">Log In</span>
{{ form.hidden_tag() }}
<div class="input-field">
<i class="material-icons prefix">person</i>
{{ form.login(class='validate') }}
{{ form.login.label }}
{% for error in form.login.errors %}
<span class="helper-text" style="color:red;">{{ error }}</span>
{% endfor %}
</div>
<div class="input-field">
<i class="material-icons prefix">vpn_key</i>
{{ form.password(class='validate') }}
{{ form.password.label }}
{% for error in form.password.errors %}
<span class="helper-text" style="color:red;">{{ error }}</span>
{% endfor %}
</div>
<div class="switch left">
<label>
@@ -41,11 +46,11 @@
</label>
</div>
<a href="{{ url_for('auth.password_reset_request') }}" class="right">Forgot Password?</a>
<div class="card-action">
{{ form.submit(class='btn right') }}
</div>
</form>
</div>
</div>
<div class="card-action">
{{ form.submit(class='btn right') }}
</div>
</form>
</div>
</div>
{% endblock %}