Fix Todo search alignment: wrap CategoryFilterBar in flex-1 container

CategoryFilterBar's internal flex-1 spacer needs room to push search
right. Wrapping in flex-1 min-w-0 matches the Locations/People pattern.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-02-25 23:25:41 +08:00
parent 057b43627b
commit 1e225145c9

View File

@ -154,21 +154,21 @@ export default function TodosPage() {
</div>
{/* Category filter bar (All + Completed + Categories with drag) */}
<CategoryFilterBar
activeFilters={activeFilters}
pinnedLabel="Completed"
showPinned={showCompleted}
categories={orderedCategories}
onToggleAll={toggleAll}
onTogglePinned={toggleCompleted}
onToggleCategory={toggleCategory}
onSelectAllCategories={selectAllCategories}
onReorderCategories={reorderCategories}
searchValue={search}
onSearchChange={setSearch}
/>
<div className="flex-1" />
<div className="flex-1 min-w-0">
<CategoryFilterBar
activeFilters={activeFilters}
pinnedLabel="Completed"
showPinned={showCompleted}
categories={orderedCategories}
onToggleAll={toggleAll}
onTogglePinned={toggleCompleted}
onToggleCategory={toggleCategory}
onSelectAllCategories={selectAllCategories}
onReorderCategories={reorderCategories}
searchValue={search}
onSearchChange={setSearch}
/>
</div>
<Button onClick={handleCreateNew} size="sm">
<Plus className="mr-2 h-4 w-4" />