переработал систему модалок и добавил блоки

This commit is contained in:
GP_DEV
2025-06-07 23:33:07 +03:00
parent 5e346cfa36
commit f8688ae00b
5 changed files with 255 additions and 0 deletions

View File

@@ -0,0 +1,20 @@
<div class="p-[30px] max-[768px]:p-[20px] text-center">
<div class="w-[64px] h-[64px] bg-[#10b981] rounded-full mx-auto mb-[24px] flex items-center justify-center">
<svg class="w-[32px] h-[32px] text-[#ffffff]" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
</svg>
</div>
<h3 class="text-[24px] max-[768px]:text-[20px] font-bold text-[#1f2937] mb-[16px]">
Спасибо!
</h3>
<p class="text-[16px] max-[768px]:text-[14px] text-[#6b7280] leading-[150%] mb-[24px]">
Ваше сообщение успешно отправлено.<br>
Мы свяжемся с вами в ближайшее время.
</p>
<button data-modal-close class="bg-[#3b82f6] hover:bg-[#2563eb] text-[#ffffff] font-semibold py-[12px] px-[24px] rounded-[8px] transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-[#3b82f6] focus:ring-offset-2">
Закрыть
</button>
</div>