diff --git a/src/pages/ClientesPage.js b/src/pages/ClientesPage.js index d475c9e..cac9eab 100644 --- a/src/pages/ClientesPage.js +++ b/src/pages/ClientesPage.js @@ -63,7 +63,7 @@ export function renderClientesPage() { const codeMatch = client.codeClient?.toLowerCase().includes(term); const emailMatch = client.email?.toLowerCase().includes(term); const phoneMatch = client.phone?.toLowerCase().includes(term); - const contactMatch = client.contacts?.some(c => + const contactMatch = client.contacts?.some(c => c.firstname?.toLowerCase().includes(term) || c.lastname?.toLowerCase().includes(term) || c.email?.toLowerCase().includes(term) @@ -134,7 +134,7 @@ export function renderClientesPage() { function showClientModal(client) { const modal = document.createElement('div'); modal.className = 'client-modal-overlay'; - + const iconMail = ``; const iconPhone = ``; const iconMobile = ``; diff --git a/src/styles/modal.css b/src/styles/modal.css index 119f497..5086c6c 100644 --- a/src/styles/modal.css +++ b/src/styles/modal.css @@ -608,6 +608,7 @@ from { opacity: 0; } + to { opacity: 1; } @@ -617,6 +618,7 @@ from { opacity: 1; } + to { opacity: 0; } @@ -642,6 +644,7 @@ transform: translateY(20px) scale(0.95); opacity: 0; } + to { transform: translateY(0) scale(1); opacity: 1; @@ -653,6 +656,7 @@ transform: translateY(0) scale(1); opacity: 1; } + to { transform: translateY(20px) scale(0.95); opacity: 0; @@ -785,7 +789,7 @@ border: 1px solid #fbbf24; border-radius: 10px; box-shadow: 0 10px 25px -5px rgba(251, 191, 36, 0.3), - 0 4px 6px -2px rgba(0, 0, 0, 0.1); + 0 4px 6px -2px rgba(0, 0, 0, 0.1); } .blocked-nav-icon {