style : center and resize view toggle buttons on my-tasks page

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Matthieu
2026-03-16 09:26:34 +01:00
parent 56bf88f293
commit a972d243f5

View File

@@ -236,20 +236,20 @@ onMounted(() => {
<h1 class="text-xl font-bold text-primary-500 sm:text-2xl">{{ $t('myTasks.title') }}</h1> <h1 class="text-xl font-bold text-primary-500 sm:text-2xl">{{ $t('myTasks.title') }}</h1>
<div class="flex gap-1"> <div class="flex gap-1">
<button <button
class="rounded-lg p-2 transition-colors" class="flex items-center justify-center rounded-md p-1.5 transition-colors"
:class="viewMode === 'kanban' ? 'bg-primary-500 text-white' : 'text-neutral-400 hover:text-primary-500'" :class="viewMode === 'kanban' ? 'bg-primary-500 text-white' : 'text-neutral-400 hover:text-primary-500'"
:title="$t('myTasks.viewKanban')" :title="$t('myTasks.viewKanban')"
@click="viewMode = 'kanban'" @click="viewMode = 'kanban'"
> >
<Icon name="mdi:view-column-outline" size="20" /> <Icon name="mdi:view-column-outline" size="18" />
</button> </button>
<button <button
class="rounded-lg p-2 transition-colors" class="flex items-center justify-center rounded-md p-1.5 transition-colors"
:class="viewMode === 'list' ? 'bg-primary-500 text-white' : 'text-neutral-400 hover:text-primary-500'" :class="viewMode === 'list' ? 'bg-primary-500 text-white' : 'text-neutral-400 hover:text-primary-500'"
:title="$t('myTasks.viewList')" :title="$t('myTasks.viewList')"
@click="viewMode = 'list'" @click="viewMode = 'list'"
> >
<Icon name="mdi:view-list-outline" size="20" /> <Icon name="mdi:view-list-outline" size="18" />
</button> </button>
</div> </div>
</div> </div>