From 92bc21dbd8b7fd9cf6dd3da127700a2e0b896f27 Mon Sep 17 00:00:00 2001
From: andersonid <nobre.it@gmail.com>
Date: Tue, 15 Apr 2025 10:19:59 -0300
Subject: [PATCH] =?UTF-8?q?Tela=20inicial=20de=20administra=C3=A7=C3=A3o?=
 =?UTF-8?q?=20desenvolvida.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/components.css      | 15 +++++++++++++++
 templates/dashboard_admin.html | 10 ++--------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/static/css/components.css b/static/css/components.css
index 31c632a..bcec453 100644
--- a/static/css/components.css
+++ b/static/css/components.css
@@ -20,6 +20,10 @@
     --bs-success-dark: #157347;
     --bs-secondary: #6c757d;
     --bs-secondary-dark: #565e64;
+    
+    /* Variáveis para status */
+    --status-active: #28a745;
+    --status-inactive: #dc3545;
 }
 
 /* Tabelas */
@@ -608,4 +612,15 @@ input.btn-secondary:hover,
     color: #055160;
     background-color: #cff4fc;
     border-color: #b6effb;
+}
+
+/* Status styles */
+.status-active {
+    color: var(--status-active);
+    font-weight: 500;
+}
+
+.status-inactive {
+    color: var(--status-inactive);
+    font-weight: 500;
 } 
\ No newline at end of file
diff --git a/templates/dashboard_admin.html b/templates/dashboard_admin.html
index 170360d..01a549a 100644
--- a/templates/dashboard_admin.html
+++ b/templates/dashboard_admin.html
@@ -4,15 +4,9 @@
 
 {% block content %}
 <div class="container mt-4">
+    <h2 class="mb-4"><i class="fas fa-users-cog"></i> Administração de Usuários</h2>
     <div class="card">
-        <div class="card-header bg-dark text-white">
-            <h3 class="mb-0"><i class="fas fa-users-cog"></i> Administração de Usuários</h3>
-        </div>
         <div class="card-body">
-            <div class="alert alert-info" role="alert">
-                <i class="fas fa-info-circle"></i> Aqui você pode gerenciar todos os usuários do sistema. Use os controles abaixo para ativar/desativar contas ou alterar níveis de acesso.
-            </div>
-            
             <div class="table-responsive">
                 <table class="table table-hover">
                     <thead class="thead-light">
@@ -34,7 +28,7 @@
                             <td>{{ usuario.nome }}</td>
                             <td>{{ usuario.last_login }}</td>
                             <td>
-                                <span class="badge {% if usuario.ativo %}badge-success{% else %}badge-danger{% endif %}">
+                                <span class="badge {% if usuario.ativo %}bg-success{% else %}bg-danger{% endif %}">
                                     {{ "Ativo" if usuario.ativo else "Inativo" }}
                                 </span>
                             </td>