feat: redesign de minha-conta e gerador de chave

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Gustavo
2026-08-14 00:35:05 -03:00
co-authored by Claude Sonnet 5
parent 9114303507
commit 9cef2c8d17
2 changed files with 20 additions and 17 deletions
+4 -5
View File
@@ -1,8 +1,7 @@
{% extends "base.html" %}
{% block titulo %}Gerador de Chave{% endblock %}
{% block conteudo %}
<div style="max-width:420px;margin:0 auto;">
<img src="/static/logo-gti-256x256.png" alt="GTI Grupo" style="width:72px;height:72px;border-radius:14px;display:block;margin:0 auto 16px;">
<div class="cartao" style="max-width:420px;margin:0 auto;">
<h1 style="text-align:center;">Gerador de Chave</h1>
<label for="tipo">Tipo de chave</label>
@@ -29,9 +28,9 @@
<button id="gerar">Gerar chave</button>
<div id="erro" style="color:#f87171;margin-top:14px;display:none;"></div>
<div id="resultado" style="margin-top:20px;padding:14px;border-radius:8px;background:#17171a;border:1px solid #3a3a3e;border-left:3px solid #F5821F;word-break:break-all;font-family:'Courier New',monospace;color:#F5821F;display:none;"></div>
<button id="copiar" style="display:none;background:transparent;border:1px solid #3a3a3e;color:#a1a1aa;width:auto;padding:6px 10px;">Copiar</button>
<div id="erro" style="color:var(--cor-perigo);margin-top:14px;display:none;"></div>
<div id="resultado" style="margin-top:20px;padding:14px;border-radius:8px;background:var(--cor-superficie-alt);border:1px solid var(--cor-borda);border-left:3px solid var(--cor-acento);word-break:break-all;font-family:'Courier New',monospace;color:var(--cor-acento);display:none;"></div>
<button id="copiar" style="display:none;background:transparent;border:1px solid var(--cor-borda);color:var(--cor-texto-secundario);width:auto;padding:6px 10px;">Copiar</button>
</div>
<script>
+16 -12
View File
@@ -3,8 +3,10 @@
{% block titulo %}Minha conta{% endblock %}
{% block conteudo %}
<h1>Minha conta</h1>
<p><strong>Nome:</strong> {{ usuario_atual.nome }}</p>
<p><strong>Login:</strong> {{ usuario_atual.login }}</p>
<div class="cartao">
<p><strong>Nome:</strong> {{ usuario_atual.nome }}</p>
<p><strong>Login:</strong> {{ usuario_atual.login }}</p>
</div>
{% if erro %}<div class="mensagem danger">{{ erro }}</div>{% endif %}
{% if mensagem %}<div class="mensagem success">{{ mensagem }}</div>{% endif %}
@@ -17,15 +19,17 @@
</div>
{% else %}
<h2>Trocar senha</h2>
<form method="post" action="/minha-conta/senha">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<label for="senha_atual">Senha atual</label>
<input type="password" id="senha_atual" name="senha_atual" required>
<label for="nova_senha">Nova senha</label>
<input type="password" id="nova_senha" name="nova_senha" required>
<label for="confirmar_nova_senha">Confirmar nova senha</label>
<input type="password" id="confirmar_nova_senha" name="confirmar_nova_senha" required>
<button type="submit">Salvar nova senha</button>
</form>
<div class="cartao">
<form method="post" action="/minha-conta/senha">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}">
<label for="senha_atual">Senha atual</label>
<input type="password" id="senha_atual" name="senha_atual" required>
<label for="nova_senha">Nova senha</label>
<input type="password" id="nova_senha" name="nova_senha" required>
<label for="confirmar_nova_senha">Confirmar nova senha</label>
<input type="password" id="confirmar_nova_senha" name="confirmar_nova_senha" required>
<button type="submit">Salvar nova senha</button>
</form>
</div>
{% endif %}
{% endblock %}