From 8e65fe079834cbd8e35b1ea1ecd24d62aec8030d Mon Sep 17 00:00:00 2001 From: Hermes Agent Date: Fri, 7 Aug 2026 21:11:39 +0000 Subject: [PATCH] Replace toast with success message div on form submit (about + contact) --- about.html | 19 +++---------------- contact.html | 8 +------- 2 files changed, 4 insertions(+), 23 deletions(-) diff --git a/about.html b/about.html index a337d63..3264268 100644 --- a/about.html +++ b/about.html @@ -29,8 +29,6 @@ .form-field { width: 100%; padding: 12px 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; font-family: 'Inter', sans-serif; font-size: 0.9375rem; color: #0f172a; transition: all 0.2s; } .form-field:focus { outline: none; border-color: #4338ca; box-shadow: 0 0 0 3px rgba(67,56,202,0.1); background: #fff; } label { display: block; font-size: 0.8125rem; font-weight: 600; color: #334155; margin-bottom: 6px; } - .toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(100px); background: #0f172a; color: #fff; padding: 14px 28px; border-radius: 12px; font-size: 0.9375rem; font-weight: 500; z-index: 200; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 12px 40px rgba(0,0,0,0.2); } - .toast.show { transform: translateX(-50%) translateY(0); } @@ -143,7 +141,6 @@ -
Mensaje enviado
diff --git a/contact.html b/contact.html index 41b97b2..3c57f55 100644 --- a/contact.html +++ b/contact.html @@ -27,8 +27,6 @@ .form-field { width: 100%; padding: 12px 16px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; font-family: 'Inter', sans-serif; font-size: 0.9375rem; color: #0f172a; transition: all 0.2s; } .form-field:focus { outline: none; border-color: #4338ca; box-shadow: 0 0 0 3px rgba(67,56,202,0.1); background: #fff; } label { display: block; font-size: 0.8125rem; font-weight: 600; color: #334155; margin-bottom: 6px; } - .toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%) translateY(100px); background: #0f172a; color: #fff; padding: 14px 28px; border-radius: 12px; font-size: 0.9375rem; font-weight: 500; z-index: 200; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 12px 40px rgba(0,0,0,0.2); } - .toast.show { transform: translateX(-50%) translateY(0); } @@ -106,7 +104,6 @@ -
Mensaje enviado