fix doppelte Desktop-Scrollbar
All checks were successful
CI / Build (push) Successful in 1m14s
CI / Deploy (push) Successful in 53s

This commit is contained in:
Jan
2026-04-13 15:11:06 +02:00
parent ee8b1a6f7b
commit 90ff8e8763

View File

@@ -152,9 +152,9 @@ export function BudgetColumn({
const [expandedRecurringExpenses, setExpandedRecurringExpenses] = useState<Record<string, boolean>>({}); const [expandedRecurringExpenses, setExpandedRecurringExpenses] = useState<Record<string, boolean>>({});
const budgetCardWidth = 352; const budgetCardWidth = 352;
const groupCardWidth = Math.min( const groupCardWidth = Math.max(
Math.max(group.budgets.length * budgetCardWidth + Math.max(group.budgets.length - 1, 0) * 16 + 48, 440), group.budgets.length * budgetCardWidth + Math.max(group.budgets.length - 1, 0) * 16 + 48,
1160 440
); );
const canEditBudgets = canManageBudgets(viewer.role); const canEditBudgets = canManageBudgets(viewer.role);
@@ -358,12 +358,12 @@ export function BudgetColumn({
direction="row" direction="row"
gap={2} gap={2}
sx={{ sx={{
overflowX: "auto", overflowX: { xs: "auto", md: "visible" },
overflowY: "hidden", overflowY: "hidden",
pb: 1.5, pb: { xs: 1.5, md: 0 },
alignItems: "stretch", alignItems: "stretch",
scrollSnapType: "x proximity", scrollSnapType: { xs: "x proximity", md: "none" },
scrollbarGutter: "stable both-edges", scrollbarGutter: { xs: "stable both-edges", md: "auto" },
overscrollBehaviorX: "contain" overscrollBehaviorX: "contain"
}} }}
> >