From 855ef2c799f35c5b2e52efdbbdcec7209d5ae285 Mon Sep 17 00:00:00 2001
From: clement franckelemon <clement.franckelemon.etu@univ-lille.fr>
Date: Sat, 1 Mar 2025 22:07:10 +0100
Subject: [PATCH] :lipstick: upgrade mobile nav header
---
src/components/HeaderView.vue | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/src/components/HeaderView.vue b/src/components/HeaderView.vue
index f1ebcb1..925e2e5 100644
--- a/src/components/HeaderView.vue
+++ b/src/components/HeaderView.vue
@@ -10,7 +10,8 @@
bordered
class="bg-secondary"
>
- <div class="full-height row justify-evenly">
+ <q-btn icon="close" class="q-mr-sm q-mt-sm" unelevated @click="openNav = false" style="max-height: 8%" />
+ <div class="full-height row justify-evenly" style="max-height: 90%">
<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" />
@@ -19,7 +20,7 @@
<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" class="bg-dark" style="transform-origin: top left; transform: rotate(90deg) translateY(-100%); position: absolute; left: 296px; top: 0; width: 100vh" indeterminate :value="pageAdvanced" />
+ <q-linear-progress v-if="openNav" size="6px" color="accent" class="bg-dark" style="transform-origin: top left; transform: rotate(90deg) translateY(-100%); position: absolute; left: 296px; top: 0; width: 100vh" indeterminate :value="pageAdvanced" />
</q-drawer>
<q-btn flat round dense icon="menu" class="q-mr-sm" @click="openNav = !openNav" v-if="$q.screen.lt.md" />
<div/>
--
GitLab