Style : ajustements visuels Account.vue
All checks were successful
Deploy Preprod / Build and Deploy to Preprod (push) Successful in 30s

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
isUnknown 2026-01-30 12:01:06 +01:00
parent 89c1cb24c0
commit 0fb933326f

View file

@ -237,13 +237,14 @@
? visibleProjects ? visibleProjects
: allProjectsList" : allProjectsList"
:key="project.uuid" :key="project.uuid"
class="project-card | flex items-center | bg-grey-100 rounded-lg px-16 py-12" class="project-card | flex items-center | bg-grey-800 text-white rounded-lg px-16 py-12"
style="--column-gap: 1rem" style="--column-gap: 1rem"
> >
<button <button
v-if="user.role === 'pochet'" v-if="user.role === 'pochet'"
@click="toggleProject(project.uuid)" @click="toggleProject(project.uuid)"
class="btn btn--sm btn--primary" class="btn btn--sm btn--primary"
:aria-pressed="true"
:title="'Masquer le projet'" :title="'Masquer le projet'"
aria-label="Masquer le projet" aria-label="Masquer le projet"
> >
@ -259,16 +260,17 @@
></path> ></path>
</svg> </svg>
</button> </button>
<div class="flex-1 | flex flex-col"> <div>
<p class="font-medium">{{ project.title }}</p> <p class="font-medium">{{ project.title }}</p>
<p class="text-sm text-grey-600">{{ project.step }}</p> <p class="text-sm text-grey-600">
Étape en cours : {{ project.step }}
</p>
</div> </div>
</div> </div>
<template <template
v-if="user.role === 'pochet' && hiddenProjectsList.length > 0" v-if="user.role === 'pochet' && hiddenProjectsList.length > 0"
> >
<h3 class="text-grey-700 mt-24 mb-12">Projets masqués</h3>
<div <div
v-for="project in hiddenProjectsList" v-for="project in hiddenProjectsList"
:key="project.uuid" :key="project.uuid"
@ -293,9 +295,11 @@
></path> ></path>
</svg> </svg>
</button> </button>
<div class="flex-1 | flex flex-col"> <div>
<p class="font-medium">{{ project.title }}</p> <p class="font-medium">{{ project.title }}</p>
<p class="text-sm text-grey-600">{{ project.step }}</p> <p class="text-sm text-grey-600">
Étape en cours : {{ project.step }}
</p>
</div> </div>
</div> </div>
</template> </template>