Toolbar issues

[dcantato]

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.

[dcantato]

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>

[dcantato]

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