fix doppelte Desktop-Scrollbar
This commit is contained in:
@@ -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"
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user