cat/Kanban
Private
Public Access
1
0
Fork 0
Code Activity

Fix tab switcher text size consistency across Board/Calendar/Gantt

Browse Source 
Calendar and Gantt used text-sm while Board used text-xs, causing
the tab container to change size when switching views.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Catherine Renelle
2026-02-28 10:07:32 -05:00
parent 2fbd3bc93d
commit 55c9a60a0e
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/boards/[boardId]/calendar/+page.svelte
+3 -3
View File
@@ -21,16 +21,16 @@
<div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5"> <div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5">
<a <a
href="/boards/{data.board.id}" href="/boards/{data.board.id}"
class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300" class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
> >
Board Board
</a> </a>
<span class="px-3 py-1 text-sm rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100"> <span class="px-3 py-1 text-xs rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
Calendar Calendar
</span> </span>
<a <a
href="/boards/{data.board.id}/gantt" href="/boards/{data.board.id}/gantt"
class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300" class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
> >
Gantt Gantt
</a> </a>
src/routes/boards/[boardId]/gantt/+page.svelte
+3 -3
View File
@@ -70,17 +70,17 @@
<div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5"> <div class="flex gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-0.5">
<a <a
href="/boards/{data.board.id}" href="/boards/{data.board.id}"
class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300" class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
> >
Board Board
</a> </a>
<a <a
href="/boards/{data.board.id}/calendar" href="/boards/{data.board.id}/calendar"
class="px-3 py-1 text-sm rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300" class="px-3 py-1 text-xs rounded-md text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300"
> >
Calendar Calendar
</a> </a>
<span class="px-3 py-1 text-sm rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100"> <span class="px-3 py-1 text-xs rounded-md bg-white dark:bg-gray-700 shadow-sm font-medium text-gray-900 dark:text-gray-100">
Gantt Gantt
</span> </span>
</div> </div>