$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"
>
روحي بالماوس على طرف المربع او النافدة الخاصة بالصفحة
وضغطيها للداخل بحيث تصغر لج بالحجم اللي يناسبك
واذا تبين تكبريها سحبيها للخارج
بس اذا تبيها كبيرة بحجم الشاشة ضغطي على المربعين اللي جنب مربع الاكس الاحمر اللي بالزاوية باعلى الصفحة
اتمنى انج فهمتين قصدي