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 },
maxWidth: "none",
flexShrink: 0,
background: alpha(theme.palette.background.paper, isDark ? 0.84 : 0.84),
backdropFilter: "blur(8px)"
backgroundColor: alpha(theme.palette.background.paper, isDark ? 0.94 : 0.98),
backgroundImage: "none"
}}
>
<CardContent sx={{ p: 3 }}>
@@ -288,7 +288,8 @@ export function BudgetColumn({
p: 2,
borderRadius: "18px",
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}>
@@ -430,7 +431,8 @@ export function BudgetColumn({
p: 2.25,
borderRadius: "18px",
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",
height: "100%"
}}

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

@@ -1261,7 +1261,8 @@ export function DashboardShell({
const islandCardSx = {
borderRadius: { xs: "24px", md: "30px" },
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",
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,
borderRadius: "20px",
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"
};
@@ -2098,7 +2100,8 @@ export function DashboardShell({
...nestedPanelSx,
p: 1.5,
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}>
@@ -2173,7 +2176,8 @@ export function DashboardShell({
...nestedPanelSx,
p: 1.5,
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}>