diff --git a/src/pages/ErrorNotFound.vue b/src/pages/ErrorNotFound.vue index 6e678936686a03b69ee6ca361ffc31ccff8caee2..18ed7c86004644e1e786b4790f5c898379435360 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>