rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/components/todos/TodosPage.tsx
View File

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