style(frontend) : update timer and delete action colors

This commit is contained in:
Matthieu
2026-03-11 18:05:45 +01:00
parent 33f2bcc393
commit 2ffdaafd08
8 changed files with 8 additions and 8 deletions

View File

@@ -10,7 +10,7 @@
<h4 class="text-sm font-semibold text-neutral-900">{{ task.title }}</h4> <h4 class="text-sm font-semibold text-neutral-900">{{ task.title }}</h4>
<button <button
class="shrink-0 transition-colors" class="shrink-0 transition-colors"
:class="isTimerOnTask ? 'text-red-500 hover:text-red-600' : 'text-neutral-400 hover:text-primary-500'" :class="isTimerOnTask ? 'text-[#F18619] hover:text-[#d97314]' : 'text-neutral-400 hover:text-primary-500'"
@click.stop="isTimerOnTask ? timerStore.stop() : onPlay()" @click.stop="isTimerOnTask ? timerStore.stop() : onPlay()"
> >
<Icon :name="isTimerOnTask ? 'mdi:stop-circle-outline' : 'mdi:play-circle-outline'" size="20" /> <Icon :name="isTimerOnTask ? 'mdi:stop-circle-outline' : 'mdi:play-circle-outline'" size="20" />

View File

@@ -77,7 +77,7 @@
<button <button
v-if="isEditing" v-if="isEditing"
type="button" type="button"
class="rounded-md bg-[#E2953C] px-4 py-2 text-sm font-semibold text-white hover:bg-[#c97a2f] disabled:cursor-not-allowed disabled:opacity-50" class="rounded-md bg-red-500 px-4 py-2 text-sm font-semibold text-white hover:bg-red-600 disabled:cursor-not-allowed disabled:opacity-50"
:disabled="isSubmitting" :disabled="isSubmitting"
@click="handleDelete" @click="handleDelete"
> >

View File

@@ -24,7 +24,7 @@
</button> </button>
<button <button
v-if="entry" v-if="entry"
class="flex w-full items-center gap-2 px-4 py-2 text-sm text-[#E2953C] hover:bg-orange-50" class="flex w-full items-center gap-2 px-4 py-2 text-sm text-red-600 hover:bg-red-50"
@click="onDelete" @click="onDelete"
> >
<Icon name="mdi:delete-outline" size="16" /> <Icon name="mdi:delete-outline" size="16" />

View File

@@ -84,7 +84,7 @@
<button <button
v-if="isEditing" v-if="isEditing"
type="button" type="button"
class="rounded-md bg-[#E2953C] px-4 py-2 text-sm font-semibold text-white hover:bg-[#c97a2f] transition" class="rounded-md bg-red-500 px-4 py-2 text-sm font-semibold text-white hover:bg-red-600 transition"
@click="onDelete" @click="onDelete"
> >
Supprimer Supprimer

View File

@@ -55,7 +55,7 @@
<!-- Delete action --> <!-- Delete action -->
<button <button
class="shrink-0 rounded-md p-1.5 text-neutral-300 opacity-0 transition hover:bg-orange-50 hover:text-[#E2953C] group-hover:opacity-100" class="shrink-0 rounded-md p-1.5 text-neutral-300 opacity-0 transition hover:bg-red-50 hover:text-red-500 group-hover:opacity-100"
title="Supprimer" title="Supprimer"
@click.stop="emit('deleteEntry', entry)" @click.stop="emit('deleteEntry', entry)"
> >

View File

@@ -31,7 +31,7 @@
</button> </button>
<button <button
type="button" type="button"
class="rounded-md bg-[#E2953C] px-4 py-2 text-sm font-semibold text-white hover:bg-[#c97a2f] disabled:opacity-50" class="rounded-md bg-[red-600] px-4 py-2 text-sm font-semibold text-white hover:bg-[red-700] disabled:opacity-50"
:disabled="isProcessing" :disabled="isProcessing"
@click="confirm" @click="confirm"
> >

View File

@@ -34,7 +34,7 @@
</td> </td>
<td v-if="deletable" class="px-4 py-3"> <td v-if="deletable" class="px-4 py-3">
<button <button
class="text-[#E2953C] hover:text-[#c97a2f]" class="text-[red-500] hover:text-[red-700]"
@click.stop="$emit('delete', item)" @click.stop="$emit('delete', item)"
> >
<Icon name="mdi:delete-outline" size="20" /> <Icon name="mdi:delete-outline" size="20" />

View File

@@ -2,7 +2,7 @@
<button <button
class="flex w-full items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-semibold text-white transition" class="flex w-full items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-semibold text-white transition"
:class="timerStore.isRunning :class="timerStore.isRunning
? 'bg-red-500 hover:bg-red-600' ? 'bg-[#F18619] hover:bg-[#d97314]'
: 'bg-primary-500 hover:bg-primary-600'" : 'bg-primary-500 hover:bg-primary-600'"
:title="timerStore.isRunning ? 'Arrêter le timer' : 'Démarrer un timer'" :title="timerStore.isRunning ? 'Arrêter le timer' : 'Démarrer un timer'"
@click="timerStore.isRunning ? timerStore.stop() : timerStore.start()" @click="timerStore.isRunning ? timerStore.stop() : timerStore.start()"