Toolbar issues



  • Hi All,

    I am trying to use Quasar to it’s fullest but I can’t seem to figure out a few things.

    In the title bar I am trying to make the tabs/or buttons fit the toolbar 100% as the docs toolbar appears but nothing seems to exist for this.

    Another is that the reveal-offset attribute doesn’t seem to work at all. reveal on its own works but with an offset it stops working.



  • example:

    <template>
        <q-layout view="lHh Lpr lFf">
            <q-layout-header reveal >
                <q-toolbar color="blue-13" style="padding: 0;">
                    <q-toolbar-title>
                        <img src="/img/logo-transparent.png">
                        <span slot="subtitle">Optional subtitle</span>
                    </q-toolbar-title>
                    <q-tabs position="top" color="blue-13">
                        <q-route-tab
                            icon="mail"
                            to="/"
                            exact
                            slot="title"
                        />
                        <q-route-tab
                            icon="fa fa-user-circle"
                            to="/about"
                            exact
                            slot="title"
                        />
                    </q-tabs>
                </q-toolbar>
            </q-layout-header>
            <q-page-container>
                <router-view />
            </q-page-container>
        </q-layout>
    </template>
    
    


  • I solved the reveal-offset issue incase anyone else ever comes across this.

    You need reveal and reveal-offset in the g-layout-header:

     <q-layout-header reveal reveal-offset="900" >