[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>