matthias/dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bug fixes

Browse Source
This commit is contained in:
Matthias Hochmeister
2026-03-03 11:45:08 +01:00
parent 3101f1a9c5
commit d91f757f34
12 changed files with 313 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/pages/Dashboard.tsx
View File

@@ -32,7 +32,7 @@ function Dashboard() {
return (
<DashboardLayout>
<Container maxWidth="lg">
<Container maxWidth="xl">
<Grid container spacing={3}>
{/* Welcome Message */}
<Grid item xs={12}>
@@ -76,48 +76,48 @@ function Dashboard() {
)}
{/* Vehicle Status Card */}
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} sx={{ display: 'flex' }}>
<Fade in={!dataLoading} timeout={600} style={{ transitionDelay: '380ms' }}>
<Box>
<Box sx={{ height: '100%' }}>
<VehicleDashboardCard />
</Box>
</Fade>
</Grid>
{/* Equipment Status Card */}
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} sx={{ display: 'flex' }}>
<Fade in={!dataLoading} timeout={600} style={{ transitionDelay: '450ms' }}>
<Box>
<Box sx={{ height: '100%' }}>
<EquipmentDashboardCard />
</Box>
</Fade>
</Grid>
{/* Atemschutz Status Card */}
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} sx={{ display: 'flex' }}>
<Fade in={!dataLoading} timeout={600} style={{ transitionDelay: '420ms' }}>
<Box>
<Box sx={{ height: '100%' }}>
<AtemschutzDashboardCard />
</Box>
</Fade>
</Grid>
{/* Upcoming Events Widget */}
<Grid item xs={12} md={6}>
<Grid item xs={12} md={6} sx={{ display: 'flex' }}>
<Fade in={!dataLoading} timeout={600} style={{ transitionDelay: '440ms' }}>
<Box>
<Box sx={{ height: '100%' }}>
<UpcomingEventsWidget />
</Box>
</Fade>
</Grid>
{/* Nextcloud Talk Widget */}
<Grid item xs={12} md={6} lg={4}>
<Grid item xs={12} md={6} lg={5} sx={{ display: 'flex' }}>
{dataLoading ? (
<SkeletonCard variant="basic" />
) : (
<Fade in={true} timeout={600} style={{ transitionDelay: '520ms' }}>
<Box>
<Box sx={{ height: '100%' }}>
<NextcloudTalkWidget />
</Box>
</Fade>
@@ -125,12 +125,12 @@ function Dashboard() {
</Grid>
{/* Activity Feed */}
<Grid item xs={12}>
<Grid item xs={12} md={6} lg={7} sx={{ display: 'flex' }}>
{dataLoading ? (
<SkeletonCard variant="detailed" />
) : (
<Fade in={true} timeout={600} style={{ transitionDelay: '550ms' }}>
<Box>
<Box sx={{ height: '100%' }}>
<ActivityFeed />
</Box>
</Fade>