style(frontend) : apply UI corrections from design review

- Page titles in blue primary (#222783)
- Double main content margins (px-16 py-24)
- Remove blue border above sidebar timer
- Remove project color dot, use project color on title text
- All delete buttons/icons orange (#E2953C)
- Fix collapsed sidebar logo (object-cover object-left)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Matthieu
2026-03-11 11:16:50 +01:00
parent c886506791
commit f9d4de3e33
14 changed files with 17 additions and 18 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div>
<div class="flex items-center justify-between">
<h1 class="text-2xl font-bold text-neutral-900">{{ project?.name ?? '' }} Groupes</h1>
<h1 class="text-2xl font-bold text-primary-500">{{ project?.name ?? '' }} Groupes</h1>
</div>
<div class="mt-6">

View File

@@ -1,7 +1,7 @@
<template>
<div>
<div class="flex items-center justify-between">
<h1 class="text-2xl font-bold text-neutral-900">{{ project?.name ?? '' }}</h1>
<h1 class="text-2xl font-bold text-primary-500">{{ project?.name ?? '' }}</h1>
<div class="flex gap-3">
<button
class="rounded-md bg-secondary-500 px-4 py-2 text-sm font-semibold text-white hover:bg-secondary-600"

View File

@@ -1,7 +1,7 @@
<template>
<div>
<div class="flex items-center justify-between">
<h1 class="text-2xl font-bold text-neutral-900">{{ project?.name ?? '' }} Statuts</h1>
<h1 class="text-2xl font-bold text-primary-500">{{ project?.name ?? '' }} Statuts</h1>
</div>
<div class="mt-6">

View File

@@ -1,7 +1,7 @@
<template>
<div>
<div class="flex items-center justify-between">
<h1 class="text-2xl font-bold text-neutral-900">Projets</h1>
<h1 class="text-2xl font-bold text-primary-500">Projets</h1>
<button
class="rounded-md bg-primary-500 px-4 py-2 text-sm font-semibold text-white hover:bg-secondary-500"
@click="openCreate"
@@ -19,8 +19,7 @@
>
<div class="flex items-center justify-between">
<div class="flex items-center gap-3">
<div class="size-8 shrink-0 rounded-full" :style="{ backgroundColor: project.color }" />
<h3 class="text-md font-bold text-primary-500">{{ project.name }}</h3>
<h3 class="text-md font-bold" :style="{ color: project.color }">{{ project.name }}</h3>
</div>
<button
class="p-1 text-neutral-400 hover:text-primary-500"