diff --git a/src/components/HeaderView.vue b/src/components/HeaderView.vue index 688e67fa3b0e7ecd9187323f6f481b94b720651a..94066fdab10a23a04951097319fd3723f23da4f9 100644 --- a/src/components/HeaderView.vue +++ b/src/components/HeaderView.vue @@ -2,6 +2,7 @@ <q-header reveal elevated> <q-toolbar class="bg-secondary" > <q-drawer + v-if="$q.screen.lt.md" v-model="openNav" show-if-above :breakpoint="1024" @@ -9,7 +10,7 @@ bordered class="bg-secondary" > - <div class="full-height row justify-evenly q-ml-sm col-11"> + <div class="full-height row justify-evenly q-ml-sm"> <HeaderButton class="col-6 row justify-center" icon="home" to="/#accueil" label="Accueil" /> <HeaderButton class="col-6 row justify-center" icon="person" to="/#presentation" label="Présentation" /> <HeaderButton class="col-6 row justify-center" icon="school" to="/#formations" label="Formations" /> @@ -18,9 +19,8 @@ <HeaderButton class="col-6 row justify-center" icon="construction" to="/#projets" label="Projets" /> <HeaderButton class="col-6 row justify-center" icon="mail" to="/#contacts" label="Contacts" /> </div> - <q-linear-progress size="6px" color="accent" indeterminate class="bg-dark vertical-progress absolute" style="top:50%; left: -25px ; width: 100vh" /> </q-drawer> - <q-btn flat round dense icon="menu" class="q-mr-sm" @click="openNav = !openNav" v-if="$q.screen.sm || $q.screen.lt.sm" /> + <q-btn flat round dense icon="menu" class="q-mr-sm" @click="openNav = !openNav" v-if="$q.screen.lt.md" /> <div/> <q-space /> <div class="full-height row" v-if="$q.screen.gt.sm">