wg/monitor-im-flur
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add headers to card component

Browse Source
This commit is contained in:
Darius Schefer
2025-08-30 22:04:30 +02:00
parent 9dbb0d6b4d
commit 0347ead200
4 changed files with 37 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Dashboard/Dashboard.tsx
View File

@@ -5,13 +5,13 @@ import {
CardColumn,
CardRow,
} from "@/components/CardContainers/CardContainers";
import CardHeader from "@/components/CardHeader/CardHeader";
import Datetime from "@/components/Datetime/Datetime";
import Flatastic from "@/components/Flatastic/Flatastic";
import Footer from "@/components/Footer/Footer";
import Terminal from "@/components/Terminal/Terminal";
import Timetable from "@/components/Timetable/Timetable";
import Weather from "../Weather/Weather";
import Weather from "@/components/Weather/Weather";
import style from "./style.module.css";
export default function Dashboard() {
@@ -43,30 +43,25 @@ export default function Dashboard() {
return (
<div className={`${style.dashboard} ${scheme}`}>
<CardColumn>
<Card>
<CardHeader icon="🚊" content="Timetable" />
<Card icon="🚊" name="Timetable">
<Timetable />
</Card>
<CardRow>
<Card>
<CardHeader icon="🕐" content="Clock" />
<Card icon="🕐" name="Clock">
<Datetime />
</Card>
<Card>
<CardHeader icon="🌤" content="Weather" />
<Card icon="🌤" name="Weather">
<Weather />
</Card>
</CardRow>
<Card>
<CardHeader icon="🔔" content="Terminal" active={true} />
<Card icon="🔔" name="Terminal" active={true}>
<Terminal />
</Card>
<Card>
<CardHeader icon="🧹" content="Flatastic" />
<Card icon="🧹" name="Flatastic">
<Flatastic />
</Card>
</CardColumn>