search

euvl / vue-js-modal

Easy to use, highly customizable Vue.js modal library.
http://vue-js-modal.yev.io
MIT License
4.36k stars 594 forks source link

Cannot set a minWidth and a width (for mobile) #670

Closed HamzaInPerth closed 3 years ago

HamzaInPerth commented 3 years ago

Problem:

Im trying to set 50% of the modal on desctop, and 100% on mobile. Please have a look bellow :

Version:

"vue-js-modal": "^2.0.0-rc.6"

Example & screenshots:

<modal
  name="form"
  :focusTrap="true"
  :scrollable="true"
  :adaptative="true"
  width="50%"
  minWidth="300px"
  height="auto"
>
  <div class="bg-black flex flex-row justify-between items-center px-5">
    <h1 class="text-center text-xl text-white py-3 items-center">
     TEST
    </h1>
    <div class="text-white items-center">X</div>
  </div>

</modal>

I have checked stackoverflow for solutions and 100% sure that this issue is not not related to my code.