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