Alert Dialog width not proportional on mobile view

[ridharemix]

source code:
<div class="v-dialog-dialog" style="width: 450px; height: 210px; top: 263px;"><div class="v-dialog-content" style=""><div class="v-dialog-header"><h3>Confirmation</h3></div><div class="v-dialog-body" style="height: 168px;"><div class="v-dialog-alert alertConfirm"><div class="v-dialog-alert__content">Do you really want to leave?</div><div class="v-dialog-alert__buttons"><button type="button" class="v-dialog-btn__ok">OK</button><button type="button" class="v-dialog-btn__cancel">Cancel</button></div></div></div></div></div>

can you make it dynamic?

[TerryZ]

Working on that.

[JISSJOHNSON]

the mobile responsiveness is not working for modal when we give higher width value
please provide an option to provide the size of width and height in percentage.

      this.$dlg.modal(Edit, {
        width: 800,
        height: 500,
        title: "Edit",
        maxButton: true,
        closeButton: true,
        params: {},
        callback: data => {
          window.location.reload();
        }
      });