feat: Melhorias no Dashboard
- Interface: - Adicionada saudação personalizada com nome do usuário - Melhorado formato da data em português - Ajustado layout do header com gradiente e sombra - Corrigida categoria de mensagens flash de 'error' para 'danger' - Card de Cotas: - Reorganizado layout para melhor exibição de valores grandes - Ajustado tamanho da fonte usando calc(1.2rem + 0.8vw) - Adicionado container específico para valor com min-width: 0 - Redimensionado e reposicionado ícone - Melhorado espaçamento e alinhamento - Lista de Militantes: - Ajustada query para ordenar por ID - Removida dependência da coluna created_at - Adicionado ID do militante na listagem - Estilos: - Adicionadas classes valor-container e icon-container - Melhorado responsividade dos valores monetários - Ajustado gradiente no header de boas-vindas - Refinado espaçamento e margens dos componentes
This commit is contained in:
@@ -227,47 +227,41 @@ body {
|
||||
|
||||
/* Alert styles */
|
||||
.alert {
|
||||
position: fixed;
|
||||
top: 1rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 1050;
|
||||
min-width: 300px;
|
||||
max-width: 90%;
|
||||
text-align: center;
|
||||
border: none;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
padding: 1rem;
|
||||
backdrop-filter: blur(5px);
|
||||
border-radius: 12px;
|
||||
border-radius: 8px;
|
||||
padding: 1rem 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
opacity: 1 !important;
|
||||
background-color: rgba(255, 255, 255, 0.98) !important;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.alert i {
|
||||
font-size: 1.2rem;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
background: rgba(40, 167, 69, 0.95);
|
||||
color: white;
|
||||
color: #155724 !important;
|
||||
background-color: #d4edda !important;
|
||||
border-left: 4px solid #28a745;
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
background: rgba(220, 53, 69, 0.95);
|
||||
color: white;
|
||||
color: #721c24 !important;
|
||||
background-color: #f8d7da !important;
|
||||
border-left: 4px solid #dc3545;
|
||||
}
|
||||
|
||||
.alert-warning {
|
||||
background: rgba(255, 193, 7, 0.95);
|
||||
color: #333;
|
||||
color: #856404 !important;
|
||||
background-color: #fff3cd !important;
|
||||
border-left: 4px solid #ffc107;
|
||||
}
|
||||
|
||||
.alert-info {
|
||||
background: rgba(23, 162, 184, 0.95);
|
||||
color: white;
|
||||
color: #0c5460 !important;
|
||||
background-color: #d1ecf1 !important;
|
||||
border-left: 4px solid #17a2b8;
|
||||
}
|
||||
|
||||
/* Animações para feedback */
|
||||
@@ -416,4 +410,41 @@ body {
|
||||
.navbar-brand img {
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.welcome-header {
|
||||
background: linear-gradient(to right, var(--background-color), rgba(232, 0, 12, 0.05));
|
||||
border-radius: 12px;
|
||||
padding: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.welcome-header h2 {
|
||||
font-size: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
.welcome-header h4 {
|
||||
font-size: 1.2rem;
|
||||
color: var(--secondary-color);
|
||||
opacity: 0.8;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
background: linear-gradient(to right, var(--secondary-dark), var(--secondary-color));
|
||||
color: var(--text-light);
|
||||
padding: 1rem 1.5rem;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.list-group-item-action {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.list-group-item-action:hover {
|
||||
transform: translateX(5px);
|
||||
background-color: rgba(232, 0, 12, 0.05);
|
||||
}
|
||||
Reference in New Issue
Block a user