mirror of
https://github.com/ArthurDanjou/artsite.git
synced 2026-03-16 05:09:46 +01:00
feat: ajouter le composant BackgroundTitle et l'utiliser dans les pages de projets et de contenu
This commit is contained in:
11
app/components/content/BackgroundTitle.vue
Normal file
11
app/components/content/BackgroundTitle.vue
Normal file
@@ -0,0 +1,11 @@
|
||||
<script lang="ts" setup>
|
||||
defineProps<{
|
||||
title: string
|
||||
}>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<h1 class="mb-2 font-bold text-7xl text-transparent opacity-15 text-stroke-neutral-400 dark:text-stroke-neutral-500 text-stroke-2 -translate-x-16">
|
||||
{{ title }}
|
||||
</h1>
|
||||
</template>
|
||||
@@ -79,9 +79,7 @@ const grouped_projects = computed(() => {
|
||||
:key="group"
|
||||
class="relative"
|
||||
>
|
||||
<h1 class="mb-2 font-bold text-7xl text-transparent opacity-15 text-stroke-neutral-400 dark:text-stroke-neutral-500 text-stroke-2 -translate-x-8">
|
||||
{{ group }}
|
||||
</h1>
|
||||
<BackgroundTitle :title="group" />
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 grid-rows-auto">
|
||||
<NuxtLink
|
||||
v-for="project in projects"
|
||||
|
||||
Reference in New Issue
Block a user