2
respostas

O meu está dando tudo certo porem ficou este quadradinho bem pequeno não ficou igual ao seu pode me ajudar a resolver isto

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

2 respostas

Olá, Gabriel! Tudo certo?

Essa forma menor e diferente da mostrada na aula, informa que essas tags estão sem ou quase sem as configurações CSS do projeto. Como as mesmas estão vindo do arquivo "bootstrap.css", você deve se certificar que está importando a mesma corretamente no arquivo "login.html" e aplicando nas tags corretas. Veja o exemplo abaixo:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Jogoteca</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap.css') }}">
  </head>
  <body>
    <div class="container">

        {% with messages = get_flashed_messages() %}
            {% if messages %}
                <ul id="messages" class="list-unstyled">
                {% for message in messages %}
                    <li class="alert alert-success">{{ message }}</li>
                {% endfor %}
                </ul>
            {% endif %}
        {% endwith %}

        <h1>Faça seu login</h1>
        <form method="POST" action="{{ url_for('autenticar') }}">
            <input type="hidden" name="proxima" value="{{ proxima or url_for('index') }}">
            {{ form.csrf_token() }}
            <div class="form-group">
                {{ form.nickname.label(class="form-label") }}
                {{ form.nickname(class="form-control") }}
            </div>
            <div class="form-group">
                {{ form.senha.label(class="form-label") }}
                {{ form.senha(class="form-control") }}
            </div>
            <div class="form-group">
                {{ form.login(class="btn btn-primary") }}
            </div>
        </form>
        <a class="btn btn-danger" href="{{ url_for('index') }}">Voltar</a>
    </div>
</body>
</html>

Verifique se todas as chamadas de classe nesse exemplo estão presentes na página de login do seu projeto.

Espero ter ajudado e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Deu Certo Obrigadoo copiei e colei obrigado !