Vue + laravel Адаптация размера модального окна к размеру экрана

Question

У меня есть модальное окно.

<transition name="modal" @close="showModal = false">
        <div class="modal-mask" style="  width: 90% !important;">
            <div class="modal-wrapper">
                <div class="modal-container">
                    <div class="modal-header">
                        <slot name="header">
                            Введите сообщение для
                        </slot>
                    </div>
                    <div class="modal-body">
                        <slot name="body">
                            <textarea rows="10" cols="45" v-model="MessageText" name="MessageText"</textarea>                            
                        </slot>
                    </div>
                </div>
            </div>
        </div>
    </transition>

На небольших экранах (телефонах) экран выходит за пределы экрана. Как сделать его адаптивным к размеру экрана?

Upd

Answer 1

для создания модального размера вы можете использовать

class="modal-dialog modal-lg"

надеюсь, что это сработает и убедитесь, что ширина убрана.