RNM/DAV
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: build main page for DAV project and integrate database with Supabase and Prisma #1

Merged
dora merged 4 commits from feature/ui-and-responsiveness into main 2024-12-24 10:12:38 +01:00
Conversation 0 Commits 4 Files Changed 54 +11 -12
2 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 967b6114e1 - Show all commits

7
nuxt.config.ts
View File

@@ -44,10 +44,9 @@ export default defineNuxtConfig({
light: {
colors: {
primary: '#A7D129',
secondary: '#686D76',
tertiary: '#BE3737',
yellow: '#FFE31A',
accent: '#000000',
secondary: '#FFD93D',
tertiary: '#FFB400',
accent: '#646464',
},
},
},

16
pages/index.vue
View File

@@ -14,7 +14,7 @@
</video>
</v-row>
<!-- 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>
<p class="text-xs text-black sm:mb-24 mr-2 lg:mr-8 text-justify">{{ introduction.description }}</p>
</v-row>
@@ -114,13 +114,13 @@
<div class="flex items-center mb-0">
<!-- Like/Dislike Section -->
<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)">
mdi-thumb-up
</v-icon>
<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)">
mdi-thumb-down
</v-icon>
@@ -146,10 +146,10 @@
<div class="flex items-center mb-0">
<!-- Like/Dislike Section -->
<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>
<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>
<span class="text-xs text-gray-400 ml-1">{{ comment.dislikes }}</span>
</div>
@@ -159,7 +159,7 @@
</v-timeline-item>
<!-- 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>
</v-timeline-item>
</v-timeline>
@@ -173,7 +173,7 @@
<!-- Signature Section -->
<v-row class="justify-center w-full">
<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">
<h2 class="text-uppercase text-md font-semibold font-sans">Signer la Charte</h2>
</v-card-title>
@@ -212,7 +212,7 @@
<v-expansion-panel-text>
<v-timeline align="start" density="compact">
<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 class="font-weight-normal font-sans text-sm">
<strong>{{ signature.name }}</strong> @{{ signature.createdAt }}