From ffcb917754691bcbda834c606a0bd452d27e79ba Mon Sep 17 00:00:00 2001
From: clement franckelemon <clement.franckelemon.etu@univ-lille.fr>
Date: Sat, 1 Mar 2025 17:18:44 +0100
Subject: [PATCH] :lipstick: add mobile nav
---
src/components/HeaderView.vue | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/HeaderView.vue b/src/components/HeaderView.vue
index 688e67f..94066fd 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">
--
GitLab