arnaudne/Epicure
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: shopping list detail page action buttons wrap to a second line

Browse Source 
flex-wrap let the header buttons (export, share, print, markdown export,
rename/delete) drop to a second row once they didn't fit. Switched to the
same non-wrapping, horizontally-scrollable row pattern already used for
the recipe detail page's action buttons.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Arnaud
2026-07-10 12:52:28 +02:00
parent 521ecce68f
commit 1a40eccad5
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/app/(app)/shopping-lists/[id]/page.tsx
+1 -1
View File
@@ -48,7 +48,7 @@ export default async function ShoppingListPage({ params }: Params) {
{list.generatedAt ? m.shoppingLists.fromMealPlan : ""} {list.generatedAt ? m.shoppingLists.fromMealPlan : ""}
</p> </p>
</div> </div>
<div className="flex flex-wrap items-center gap-2"> <div className="flex items-center gap-2 overflow-x-auto pb-0.5 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
<GroceryExportButton listId={id} instacartEnabled={instacartEnabled} /> <GroceryExportButton listId={id} instacartEnabled={instacartEnabled} />
{access.role === "owner" && <ShareShoppingListButton listId={id} />} {access.role === "owner" && <ShareShoppingListButton listId={id} />}
<Link href={`/print/shopping-list/${id}`} target="_blank" className={cn(buttonVariants({ variant: "outline", size: "sm" }))}> <Link href={`/print/shopping-list/${id}`} target="_blank" className={cn(buttonVariants({ variant: "outline", size: "sm" }))}>