changed some colors
This commit is contained in:
@@ -44,10 +44,9 @@ export default defineNuxtConfig({
|
|||||||
light: {
|
light: {
|
||||||
colors: {
|
colors: {
|
||||||
primary: '#A7D129',
|
primary: '#A7D129',
|
||||||
secondary: '#686D76',
|
secondary: '#FFD93D',
|
||||||
tertiary: '#BE3737',
|
tertiary: '#FFB400',
|
||||||
yellow: '#FFE31A',
|
accent: '#646464',
|
||||||
accent: '#000000',
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
</video>
|
</video>
|
||||||
</v-row>
|
</v-row>
|
||||||
<!-- Introduction section -->
|
<!-- Introduction section -->
|
||||||
<v-row v-if="introduction" class="d-flex justify-center align-center text-center">
|
<v-row v-if="introduction" class="d-flex justify-center align-center text-center mx-4">
|
||||||
<h1 class="my-8 lg:text-xl text-l text-black">{{ introduction.title }}</h1>
|
<h1 class="my-8 lg:text-xl text-l text-black">{{ introduction.title }}</h1>
|
||||||
<p class="text-xs text-black sm:mb-24 mr-2 lg:mr-8 text-justify">{{ introduction.description }}</p>
|
<p class="text-xs text-black sm:mb-24 mr-2 lg:mr-8 text-justify">{{ introduction.description }}</p>
|
||||||
</v-row>
|
</v-row>
|
||||||
@@ -114,13 +114,13 @@
|
|||||||
<div class="flex items-center mb-0">
|
<div class="flex items-center mb-0">
|
||||||
<!-- Like/Dislike Section -->
|
<!-- Like/Dislike Section -->
|
||||||
<div class="mr-3 flex items-center">
|
<div class="mr-3 flex items-center">
|
||||||
<v-icon class="mr-1 text-xs" size="18" color="yellow"
|
<v-icon class="mr-1 text-xs" size="18" color="secondary"
|
||||||
@click.stop="likeArticle(article.id)">
|
@click.stop="likeArticle(article.id)">
|
||||||
mdi-thumb-up
|
mdi-thumb-up
|
||||||
</v-icon>
|
</v-icon>
|
||||||
<p class="text-gray-400 text-sm">{{ article.likes }}</p>
|
<p class="text-gray-400 text-sm">{{ article.likes }}</p>
|
||||||
|
|
||||||
<v-icon class="mr-1 ml-2 text-xs" size="18" color="yellow"
|
<v-icon class="mr-1 ml-2 text-xs" size="18" color="tertiary"
|
||||||
@click.stop="dislikeArticle(article.id)">
|
@click.stop="dislikeArticle(article.id)">
|
||||||
mdi-thumb-down
|
mdi-thumb-down
|
||||||
</v-icon>
|
</v-icon>
|
||||||
@@ -146,10 +146,10 @@
|
|||||||
<div class="flex items-center mb-0">
|
<div class="flex items-center mb-0">
|
||||||
<!-- Like/Dislike Section -->
|
<!-- Like/Dislike Section -->
|
||||||
<div class="mr-3 flex items-center">
|
<div class="mr-3 flex items-center">
|
||||||
<v-icon color="yellow" size="14"
|
<v-icon color="secondary" size="14"
|
||||||
@click="likeComment(article.id, comment.id)">mdi-thumb-up</v-icon>
|
@click="likeComment(article.id, comment.id)">mdi-thumb-up</v-icon>
|
||||||
<span class="text-xs text-gray-400 ml-1 mr-2">{{ comment.likes }}</span>
|
<span class="text-xs text-gray-400 ml-1 mr-2">{{ comment.likes }}</span>
|
||||||
<v-icon color="yellow" size="14"
|
<v-icon color="tertiary" size="14"
|
||||||
@click="dislikeComment(article.id, comment.id)">mdi-thumb-down</v-icon>
|
@click="dislikeComment(article.id, comment.id)">mdi-thumb-down</v-icon>
|
||||||
<span class="text-xs text-gray-400 ml-1">{{ comment.dislikes }}</span>
|
<span class="text-xs text-gray-400 ml-1">{{ comment.dislikes }}</span>
|
||||||
</div>
|
</div>
|
||||||
@@ -159,7 +159,7 @@
|
|||||||
</v-timeline-item>
|
</v-timeline-item>
|
||||||
|
|
||||||
<!-- No Comments Placeholder -->
|
<!-- No Comments Placeholder -->
|
||||||
<v-timeline-item v-else dot-color="secondary" size="x-small">
|
<v-timeline-item v-else dot-color="accent" size="x-small">
|
||||||
<p class="text-sm text-black">Aucune suggestion pour cet article</p>
|
<p class="text-sm text-black">Aucune suggestion pour cet article</p>
|
||||||
</v-timeline-item>
|
</v-timeline-item>
|
||||||
</v-timeline>
|
</v-timeline>
|
||||||
@@ -173,7 +173,7 @@
|
|||||||
<!-- Signature Section -->
|
<!-- Signature Section -->
|
||||||
<v-row class="justify-center w-full">
|
<v-row class="justify-center w-full">
|
||||||
<v-col cols="12" md="6" lg="8">
|
<v-col cols="12" md="6" lg="8">
|
||||||
<v-card elevation="3" class="pa-6 bg-gray-100" color="secondary">
|
<v-card elevation="3" class="pa-6 bg-gray-100" color="accent">
|
||||||
<v-card-title class="text-center">
|
<v-card-title class="text-center">
|
||||||
<h2 class="text-uppercase text-md font-semibold font-sans">Signer la Charte</h2>
|
<h2 class="text-uppercase text-md font-semibold font-sans">Signer la Charte</h2>
|
||||||
</v-card-title>
|
</v-card-title>
|
||||||
@@ -212,7 +212,7 @@
|
|||||||
<v-expansion-panel-text>
|
<v-expansion-panel-text>
|
||||||
<v-timeline align="start" density="compact">
|
<v-timeline align="start" density="compact">
|
||||||
<v-timeline-item v-for="signature in signatures" :key="signature.id"
|
<v-timeline-item v-for="signature in signatures" :key="signature.id"
|
||||||
dot-color="secondary" size="x-small">
|
dot-color="accent" size="x-small">
|
||||||
<div>
|
<div>
|
||||||
<div class="font-weight-normal font-sans text-sm">
|
<div class="font-weight-normal font-sans text-sm">
|
||||||
<strong>{{ signature.name }}</strong> @{{ signature.createdAt }}
|
<strong>{{ signature.name }}</strong> @{{ signature.createdAt }}
|
||||||
|
|||||||
Reference in New Issue
Block a user