From 90ff8e876302974b9ba15fdbe27756f646cf5377 Mon Sep 17 00:00:00 2001 From: Jan Date: Mon, 13 Apr 2026 15:11:06 +0200 Subject: [PATCH] fix doppelte Desktop-Scrollbar --- src/components/dashboard/budget-column.tsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/dashboard/budget-column.tsx b/src/components/dashboard/budget-column.tsx index 8cceafa..b845466 100644 --- a/src/components/dashboard/budget-column.tsx +++ b/src/components/dashboard/budget-column.tsx @@ -152,9 +152,9 @@ export function BudgetColumn({ const [expandedRecurringExpenses, setExpandedRecurringExpenses] = useState>({}); const budgetCardWidth = 352; - const groupCardWidth = Math.min( - Math.max(group.budgets.length * budgetCardWidth + Math.max(group.budgets.length - 1, 0) * 16 + 48, 440), - 1160 + const groupCardWidth = Math.max( + group.budgets.length * budgetCardWidth + Math.max(group.budgets.length - 1, 0) * 16 + 48, + 440 ); const canEditBudgets = canManageBudgets(viewer.role); @@ -358,12 +358,12 @@ export function BudgetColumn({ direction="row" gap={2} sx={{ - overflowX: "auto", + overflowX: { xs: "auto", md: "visible" }, overflowY: "hidden", - pb: 1.5, + pb: { xs: 1.5, md: 0 }, alignItems: "stretch", - scrollSnapType: "x proximity", - scrollbarGutter: "stable both-edges", + scrollSnapType: { xs: "x proximity", md: "none" }, + scrollbarGutter: { xs: "stable both-edges", md: "auto" }, overscrollBehaviorX: "contain" }} >