MAINHACK

Viewing / Editing File: VModal.vue

<template>
  <vue-final-modal
    :lock-scroll="true"
    v-slot="{ params, close }"
    v-bind="$attrs"
    classes="z-50 custom-modal-dialog"
    content-class="modal-content"
    v-on="$listeners"
  >
    <span class="modal-header">
      <slot name="title"></slot>
      <button
        @click="close"
        type="button"
        class="close"
        data-dismiss="modal"
        aria-label="Close"
      >
        <span aria-hidden="true">&times;</span>
      </button>
    </span>
    <div class="modal-body">
      <slot v-bind:params="params"></slot>
    </div>
    
    <div class="modal-footer">
      <slot name="modal-footer"></slot>
    </div>
  </vue-final-modal>
</template>

.custom-modal-dialog {
  overflow: auto;
}

.modal-body {
  max-height: 75vh;
  overflow: auto;
}
</style>

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: VModal.vue

Server Info

System Features

User Info