title: How to make Quasar QDialog full screen on mobile online?
body: <p>I have a responsive web app with a few <a href="https://quasar.dev/vue-components/dialog" rel="nofollow noreferrer">dialogs</a> and I'd like to make them occupy the whole screen (aka full screen) whenever the user is accessing it through a mobile device.</p>
  
  <p>I found <code>full-width</code> and <code>full-height</code> props, but I can't think of clean way to just apply them for mobile devices. Ideas?</p>