Melhora a visibilidade do botão de fechar modal (adicionando CSS de .btn-close-modal) e atualiza o botão Cancelar nos modelos para fechar a modal

This commit is contained in:
2026-05-28 14:11:36 +00:00
parent ad67652b7d
commit c4fbf4d877
2 changed files with 32 additions and 1 deletions
+4 -1
View File
@@ -2624,7 +2624,10 @@ const initApp = () => {
// Botão "Cancelar"
if (btnCancelTemplate) {
btnCancelTemplate.addEventListener('click', clearTemplateForm);
btnCancelTemplate.addEventListener('click', () => {
clearTemplateForm();
if (modelosRelatorioModal) modelosRelatorioModal.style.display = 'none';
});
}
// Botão "Salvar Modelo"
+28
View File
@@ -2984,3 +2984,31 @@ code {
from { transform: scale(0.95); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
/* Estilo para botões de fechar modal genéricos */
.btn-close-modal {
background: none;
border: none;
color: var(--text-secondary, #a3a3a3);
cursor: pointer;
padding: 6px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
width: 32px;
height: 32px;
}
.btn-close-modal svg {
width: 20px;
height: 20px;
stroke: currentColor;
}
.btn-close-modal:hover {
color: var(--text-primary, #ffffff);
background-color: rgba(255, 255, 255, 0.1);
transform: scale(1.05);
}