style(frontend) : update timer and delete action colors
This commit is contained in:
@@ -31,7 +31,7 @@
|
||||
</button>
|
||||
<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"
|
||||
@click="confirm"
|
||||
>
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
</td>
|
||||
<td v-if="deletable" class="px-4 py-3">
|
||||
<button
|
||||
class="text-[#E2953C] hover:text-[#c97a2f]"
|
||||
class="text-[red-500] hover:text-[red-700]"
|
||||
@click.stop="$emit('delete', item)"
|
||||
>
|
||||
<Icon name="mdi:delete-outline" size="20" />
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<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="timerStore.isRunning
|
||||
? 'bg-red-500 hover:bg-red-600'
|
||||
? 'bg-[#F18619] hover:bg-[#d97314]'
|
||||
: 'bg-primary-500 hover:bg-primary-600'"
|
||||
:title="timerStore.isRunning ? 'Arrêter le timer' : 'Démarrer un timer'"
|
||||
@click="timerStore.isRunning ? timerStore.stop() : timerStore.start()"
|
||||
|
||||
Reference in New Issue
Block a user