fix: ajustes no logo e nome do sistema em todas as interfaces

docs/alteracoes_db_connection.md

@@ -0,0 +1,54 @@
+# Alterações no Gerenciamento de Conexões com o Banco de Dados
+
+## Commit
+- ID: [ID do commit será adicionado após o commit]
+- Data: [Data do commit]
+- Autor: [Nome do autor]
+
+## Contexto
+O sistema estava utilizando uma única sessão global do SQLAlchemy (`db_session`) que era criada no início da aplicação. Isso poderia causar problemas de concorrência e vazamento de recursos.
+
+## Alterações Realizadas
+
+### 1. Remoção da Sessão Global
+- Removida a linha `db_session = get_db_connection()` do início do arquivo
+- Todas as rotas agora criam sua própria sessão
+
+### 2. Novo Padrão de Gerenciamento de Sessão
+Em cada rota, implementamos o seguinte padrão:
+```python
+db = get_db_connection()
+try:
+    # Operações com o banco
+    db.commit()
+except Exception as e:
+    db.rollback()
+    # Tratamento de erro
+finally:
+    db.close()
+```
+
+### 3. Melhorias no Tratamento de Erros
+- Adicionado `db.rollback()` em caso de exceção
+- Melhoradas as mensagens de erro
+- Garantido que a sessão seja fechada mesmo em caso de erro
+
+### 4. Padronização de Código
+- Uso de `request.form.get()` ao invés de acessar diretamente o dicionário
+- Conversão explícita de tipos (float, int, date)
+- Validação de dados antes de criar objetos
+- Mensagens de feedback mais claras para o usuário
+
+## Impacto no Frontend
+Não houve alterações necessárias nos templates, pois as mudanças foram apenas na forma como o backend gerencia as conexões com o banco de dados.
+
+## Benefícios
+1. Maior segurança (evita vazamentos de recursos)
+2. Maior robustez (melhor tratamento de erros)
+3. Código mais fácil de manter (padronização)
+4. Maior eficiência (sessões são fechadas adequadamente)
+
+## Observações
+- Esta alteração foi feita para melhorar a arquitetura do sistema
+- Não afeta a funcionalidade existente
+- Recomenda-se seguir este padrão em novas implementações 

static/css/style.css

@@ -25,8 +25,10 @@ body {
 }
 
 .navbar-brand {
-    font-weight: 600;
+    display: flex;
+    align-items: center;
     font-size: 1.4rem;
+    font-weight: 600;
     color: var(--text-light) !important;
 }
 
@@ -39,7 +41,6 @@ body {
     height: 35px;
     width: auto;
     margin-right: 10px;
-    filter: brightness(0) invert(1);
 }
 
 .nav-link {

templates/login.html

@@ -3,14 +3,13 @@
 {% block title %}Login{% endblock %}
 
 {% block content %}
-<div class="container">
 <div class="row justify-content-center align-items-center min-vh-100">
     <div class="col-md-6 col-lg-4">
-            <div class="card shadow-lg">
+        <div class="card shadow-lg animate__animated animate__fadeIn">
             <div class="card-body p-5">
                 <div class="text-center mb-4">
-                        <h1 class="h3">Login</h1>
+                    <img src="{{ url_for('static', filename='img/logo002-alpha.png') }}" alt="Logo OCI" class="mb-3 login-logo">
-                        <p class="text-muted">Entre com suas credenciais</p>
+                    <h2 class="card-title mb-4">Controles OCI</h2>
                 </div>
 
                 {% with messages = get_flashed_messages(with_categories=true) %}
@@ -58,7 +57,6 @@
         </div>
     </div>
 </div>
-</div>
 
 {% block extra_js %}
 <script>
@@ -84,5 +82,37 @@ document.addEventListener('DOMContentLoaded', function() {
     });
 });
 </script>
+
+<style>
+.login-logo {
+    height: 80px;
+    width: auto;
+    margin-bottom: 1rem;
+}
+
+.form-floating > .form-control:focus ~ label,
+.form-floating > .form-control:not(:placeholder-shown) ~ label {
+    color: var(--primary-color);
+}
+
+.form-control:focus {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 0.25rem rgba(232, 0, 12, 0.25);
+}
+
+.btn-primary {
+    background: var(--primary-color);
+    border: none;
+    padding: 12px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+}
+
+.btn-primary:hover {
+    background: var(--primary-light);
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(232, 0, 12, 0.25);
+}
+</style>
 {% endblock %}
 {% endblock %}