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