trying to fix the duplicata

This commit is contained in:
2023-08-21 16:38:19 +02:00
parent 38834ccac2
commit a466f67d67
2 changed files with 19 additions and 30 deletions

View File

@@ -5,36 +5,26 @@ const getColor = computed(() => appConfig.ui.primary)
</script> </script>
<template> <template>
<NuxtLoadingIndicator :color="getColor" /> <NuxtLayout name="default">
<section class="fixed inset-0 flex justify-center sm:px-8"> <div class="flex flex-col items-center gap-4">
<div class="flex w-full max-w-7xl"> <h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
<div class="w-full bg-white ring-1 ring-zinc-100 dark:bg-zinc-900 dark:ring-zinc-300/20" /> {{ error.statusCode }}
</h1>
<p class="text-lg md:text-2xl text-subtitle text-center">
Sorry, {{ error.statusCode === 404
? "the page you are looking for doesn't exist or as been moved."
: "you have encountered a problem."
}}
<br>
Let's find a better place for you to go.
</p>
</div> </div>
</section> <div>
<div class="relative z-50"> <UButton to="/" size="md" variant="soft" color="primary">
<Header /> Go back to the main page
<UContainer class="my-32 w-container flex flex-col items-center gap-8"> </UButton>
<div class="flex flex-col items-center gap-4"> </div>
<h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`"> </NuxtLayout>
{{ error.statusCode }}
</h1>
<p class="text-lg md:text-2xl text-subtitle text-center">
Sorry, {{ error.statusCode === 404
? "the page you are looking for doesn't exist or as been moved."
: "you have encountered a problem."
}}
<br>
Let's find a better place for you to go.
</p>
</div>
<div>
<UButton to="/" size="md" variant="soft" color="primary">
Go back to the main page
</UButton>
</div>
</UContainer>
<Footer />
</div>
</template> </template>
<style scoped> <style scoped>

View File

@@ -1,5 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
const days = ref(0)
useHead({ useHead({
title: 'Arthur Danjou • Software Engineer and Maths Lover', title: 'Arthur Danjou • Software Engineer and Maths Lover',
}) })