From 8b915147e96e0a73f2d32e5ed739c7e573e34f60 Mon Sep 17 00:00:00 2001
From: clement franckelemon <clement.franckelemon.etu@univ-lille.fr>
Date: Sun, 2 Mar 2025 10:49:57 +0100
Subject: [PATCH] :lipstick: fix 404 page for mobile

---
 src/pages/ErrorNotFound.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/ErrorNotFound.vue b/src/pages/ErrorNotFound.vue
index 6e67893..18ed7c8 100644
--- a/src/pages/ErrorNotFound.vue
+++ b/src/pages/ErrorNotFound.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="fullscreen bg-secondary text-white text-center q-pa-md flex flex-center">
     <div>
-      <div style="font-size: 40vh" class="text-accent">
+      <div :style="$q.screen.lt.sm ? 'font-size: 30vh' : 'font-size: 40vh'" class="text-accent">
         404
       </div>
 
-      <div class="text-h3">
+      <div :class="$q.screen.lt.sm ? 'text-h4' : 'text-h3'">
         Le saviez-vous ?
       </div>
 
-      <div class="text-h4">
+      <div :class="$q.screen.lt.sm ? 'text-h5' : 'text-h4'">
         Le code 404 signifie juste "page introuvable" ! 🤯
       </div>
 
-- 
GitLab