No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    How to change the width of drawer on miniState

    Framework
    3
    3
    506
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • G
      gg last edited by gg

      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 😕

      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @gg last edited by

        @gg Did you see this:

        https://quasar.dev/layout/drawer#Slots

        1 Reply Last reply Reply Quote 0
        • G
          gbrian last edited by

          @gg mini-width

          Check style section of QDrawerAPI

          <q-drawer
          :mini-width=“100px”
          …

          1 Reply Last reply Reply Quote 0
          • First post
            Last post