Drawer size adjustment



  • i want drawer small for desktop and medium for mobile so for that i write stylus but in this i am facing this issue 0_1500809793249_issue.png

    Please help me out?

    below i am using the stylus

    @media screen and (min-width: 921px)
    .drawer-content
    width 160px
    &.left-side
    transform translateX(-160px)
    &.right-side
    transform translateX(160px)
    .drawer
    &:not(.active):not(.swipe-only)
    flex 0 0 160px

    @media screen and (max-width 920px)
    .drawer-content
    width 220px
    &.left-side
    transform translateX(-220px)
    &.right-side
    transform translateX(220px)



  • you’re missing a piece, maybe that’s the problem ?

    .drawer
    &:not(.active):not(.swipe-only)
    flex 0 0 220px
    


  • @spectrolite Thanks man… appreciate for your help


Log in to reply
 

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