$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
الحمد لله انه اجبك يا ام مشعل ربنا يديك العافية...
لكن لاحظي تحديداتك كلها مش على الجزء نفسه المطلوب
حاولي يكون التحديد على الجزء المطلوب تماما
عشان يظهر لك بشكل تلقائي بدون ما يظهر حدود خشنة بارزة مالها داعي...