Jan/RFP_Finanzen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hintergrundartefakte in Dashboard Panels beheben
All checks were successful
CI / Deploy (push) Successful in 1m50s
Details
CI / Build (push) Successful in 2m1s
Details

Browse Source
This commit is contained in:
jan
2026-05-01 18:29:52 +02:00
parent f7b8750e52
commit 83f669aa65
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/dashboard/budget-column.tsx
View File

@@ -230,8 +230,8 @@ export function BudgetColumn({
width: { xs: "100%", md: groupCardWidth }, width: { xs: "100%", md: groupCardWidth },
maxWidth: "none", maxWidth: "none",
flexShrink: 0, flexShrink: 0,
background: alpha(theme.palette.background.paper, isDark ? 0.84 : 0.84), backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.94 : 0.98),
backdropFilter: "blur(8px)" backgroundImage: "none"
}} }}
> >
<CardContent sx={{ p: 3 }}> <CardContent sx={{ p: 3 }}>
@@ -288,7 +288,8 @@ export function BudgetColumn({
p: 2, p: 2,
borderRadius: "18px", borderRadius: "18px",
border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`, border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`,
background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, isDark ? 0.86 : 0.94)} 0%, ${alpha(theme.palette.text.primary, isDark ? 0.05 : 0.02)} 100%)` backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.9 : 0.96),
backgroundImage: "none"
}} }}
> >
<Stack spacing={1.4}> <Stack spacing={1.4}>
@@ -430,7 +431,8 @@ export function BudgetColumn({
p: 2.25, p: 2.25,
borderRadius: "18px", borderRadius: "18px",
border: `1px solid ${alpha(budget.colorCode, 0.22)}`, border: `1px solid ${alpha(budget.colorCode, 0.22)}`,
background: `linear-gradient(180deg, ${alpha(budget.colorCode, isDark ? 0.18 : 0.12)} 0%, ${alpha(theme.palette.background.paper, isDark ? 0.96 : 0.92)} 28%)`, backgroundColor: alpha(budget.colorCode, isDark ? 0.14 : 0.08),
backgroundImage: "none",
overflow: "hidden", overflow: "hidden",
height: "100%" height: "100%"
}} }}

12
src/components/dashboard/dashboard-shell.tsx
View File

@@ -1261,7 +1261,8 @@ export function DashboardShell({
const islandCardSx = { const islandCardSx = {
borderRadius: { xs: "24px", md: "30px" }, borderRadius: { xs: "24px", md: "30px" },
border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`, border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`,
background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, isDark ? 0.82 : 0.96)} 0%, ${alpha(theme.palette.text.primary, isDark ? 0.04 : 0.02)} 100%)`, backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.94 : 0.98),
backgroundImage: "none",
overflow: "hidden", overflow: "hidden",
boxShadow: isDark ? `0 20px 48px ${alpha("#02040A", 0.34)}` : `0 18px 44px ${alpha("#B86E2B", 0.08)}` boxShadow: isDark ? `0 20px 48px ${alpha("#02040A", 0.34)}` : `0 18px 44px ${alpha("#B86E2B", 0.08)}`
}; };
@@ -1270,7 +1271,8 @@ export function DashboardShell({
p: 2, p: 2,
borderRadius: "20px", borderRadius: "20px",
border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`, border: `1px solid ${alpha(theme.palette.text.primary, isDark ? 0.12 : 0.08)}`,
background: `linear-gradient(180deg, ${alpha(theme.palette.background.paper, isDark ? 0.78 : 0.9)} 0%, ${alpha(theme.palette.text.primary, isDark ? 0.05 : 0.02)} 100%)`, backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.9 : 0.96),
backgroundImage: "none",
overflow: "hidden" overflow: "hidden"
}; };
@@ -2098,7 +2100,8 @@ export function DashboardShell({
...nestedPanelSx, ...nestedPanelSx,
p: 1.5, p: 1.5,
borderColor: alpha(theme.palette.primary.main, 0.18), borderColor: alpha(theme.palette.primary.main, 0.18),
backgroundColor: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06) background: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06),
backgroundImage: "none"
}} }}
> >
<Stack spacing={1.4}> <Stack spacing={1.4}>
@@ -2173,7 +2176,8 @@ export function DashboardShell({
...nestedPanelSx, ...nestedPanelSx,
p: 1.5, p: 1.5,
borderColor: alpha(theme.palette.primary.main, 0.18), borderColor: alpha(theme.palette.primary.main, 0.18),
backgroundColor: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06) background: alpha(theme.palette.primary.main, isDark ? 0.14 : 0.06),
backgroundImage: "none"
}} }}
> >
<Stack spacing={1.2}> <Stack spacing={1.2}>