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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user