Joururi/leim-tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added catch layout for error pages

Browse Source
This commit is contained in:
Alexis
2025-03-13 12:25:34 +01:00
parent 2cdf793e67
commit fdb77a20f3
3 changed files with 147 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/global/Heading.vue
View File

@@ -1,5 +1,5 @@
<script lang="ts" setup>
type HeadingLevel = "h1" | "h2" | "h3"
type HeadingLevel = "h0" | "h1" | "h2" | "h3"
interface HeadingProps {
level?: HeadingLevel
@@ -11,13 +11,16 @@ withDefaults(defineProps<HeadingProps>(), {
</script>
<template>
<h1 v-if="level === 'h1'" class="text-4xl font-bold flex">
<h1 v-if="level === 'h0'" class="text-4xl md:text-6xl font-bold flex">
<slot />
</h1>
<h2 v-else-if="level === 'h2'" class="text-2xl font-bold flex">
<h1 v-else-if="level === 'h1'" class="text-2xl md:text-4xl font-bold flex">
<slot />
</h1>
<h2 v-else-if="level === 'h2'" class="text-xl md:text-2xl font-bold flex">
<slot />
</h2>
<h3 v-if="level === 'h3'" class="text-xl font-bold flex">
<h3 v-if="level === 'h3'" class="text-lg md:text-xl font-bold flex">
<slot />
</h3>
</template>