How to change the width of drawer on miniState



  • I have a mini-to-overlay drawer.

     <q-drawer
           v-model="drawer"
           show-if-above
           :mini="miniState"
           @mouseover="miniState = false"
           mini-to-overlay
           @click.capture="drawerClick"
           class="myapp-nav"
           :width="300"
           :breakpoint="500"
           elevated
      >
    

    When it’s closed, there is an inline style that makes it width: 57px, I want it to be wider, but for the life of me I can’t find where that 57px is being plugged in.

      <aside class="q-drawer q-drawer--left q-drawer--mini fixed q-drawer--on-top q-drawer--top-padding" style="width: 57px; transform: translateX(0px);">
    

    I dont wan’t to force a style on the component via classes, I Want to change where this random 57px is being set.

    If anyone have any ideas 😕




Log in to reply