[Request] iPhone X support



  • Hi!
    Wondering if we could possibly get some iPhone X support?
    At the moment, the bottom navigation overlaps the swipe-bar at the bottom.
    Could we somehow add some padding to the bottom navigation only on an iPhone X? I’m not sure if the platform detection tool is capable of reading the type of device.

    Cheers.



  • For now you can do something like in your vue file that has a navigation footer bar:

    <style lang="stylus" scoped>
    @import '~variables'
    // iPhone X
    @media only screen and (max-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3)
      footer.layout-footer
        height 84px !important
    </style>

Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.