관리-도구
편집 파일: modal.min.js
document.addEventListener("DOMContentLoaded",()=>{let t=document.querySelectorAll("[data-modal-id]"),e=document.querySelectorAll(".close-modal-btn");t.forEach(t=>{t.addEventListener("click",()=>{let e=t.getAttribute("data-modal-id"),a=document.getElementById(e);if(!a)return;let l=a.querySelector(".modal-content");a.classList.remove("!hidden"),setTimeout(()=>{l.classList.remove("opacity-0","-translate-y-10"),l.classList.add("opacity-100","translate-y-0")},10)})}),e.forEach(t=>{t.addEventListener("click",()=>{let e=t.closest(".modal"),a=e.querySelector(".modal-content");a.classList.remove("opacity-100","translate-y-0"),a.classList.add("opacity-0","-translate-y-10"),setTimeout(()=>{e.classList.add("!hidden")},300)})}),document.querySelectorAll(".modal").forEach(t=>{t.addEventListener("click",e=>{if(e.target===t){let a=t.querySelector(".modal-content");a.classList.remove("opacity-100","translate-y-0"),a.classList.add("opacity-0","-translate-y-10"),setTimeout(()=>{t.classList.add("!hidden")},300)}})})});