comunatec/controles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mensagem de notificação movida para fora do card de formulario de login

Browse Source
This commit is contained in:
andersonid
2025-04-11 07:54:14 -03:00
committed by LS
parent 62aaec3fbe
commit d45fefd72c
1 changed files with 32 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
templates/login.html
View File

@@ -5,13 +5,7 @@
{% block navbar %}{% endblock %} {% block navbar %}{% endblock %}
{% block content %} {% block content %}
<div class="login-container"> <div class="alert-container">
<div class="login-content">
<div class="login-header">
<img src="{{ url_for('static', filename='img/logo001-alpha.png') }}" alt="Logo OCI" class="login-logo">
<h4 class="login-title">Controles OCI</h4>
</div>
{% with messages = get_flashed_messages(with_categories=true) %} {% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %} {% if messages %}
{% for category, message in messages %} {% for category, message in messages %}
@@ -21,11 +15,17 @@
</div> </div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
{% endwith %} </div>
<div class="login-container">
<div class="login-content">
<div class="login-header">
<img src="{{ url_for('static', filename='img/logo001-alpha.png') }}" alt="Logo OCI" class="login-logo">
<h4 class="login-title">Controles OCI</h4>
</div>
<form method="POST" action="{{ url_for('login') }}" class="needs-validation" novalidate> <form method="POST" action="{{ url_for('login') }}" class="needs-validation" novalidate>
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}"> <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
<div class="form-floating mb-3"> <div class="form-floating mb-3">
<input type="text" class="form-control" id="email" name="email" placeholder="Email ou Usuário" required> <input type="text" class="form-control" id="email" name="email" placeholder="Email ou Usuário" required>
<label for="email">Email ou Usuário</label> <label for="email">Email ou Usuário</label>
@@ -50,8 +50,8 @@
<label for="otp">Código OTP</label> <label for="otp">Código OTP</label>
<div class="invalid-feedback"> <div class="invalid-feedback">
Por favor, informe o código OTP. Por favor, informe o código OTP.
</div> </div>
</div> </div>
<div class="d-grid"> <div class="d-grid">
<button type="submit" class="btn btn-lg login-button"> <button type="submit" class="btn btn-lg login-button">
@@ -198,6 +198,26 @@ form {
} }
} }
@media (max-width: 767px) {
.login-container {
margin: 1rem;
}
.login-content {
padding: 1.5rem;
}
}
</style>
{% endblock %}
.login-content {
padding: 1.5rem;
}
}
</style>
{% endblock %}
}
}
@media (max-width: 767px) { @media (max-width: 767px) {
.login-container { .login-container {
margin: 1rem; margin: 1rem;