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

Windows look update

Browse Source
This commit is contained in:
Darius Schefer
2025-08-28 02:04:25 +02:00
committed by Arif Hasanic
parent 241db688c2
commit b1adbe74de
11 changed files with 148 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,13 +10,24 @@ export default function Dashboard() {
<div className={style.dashboard}>
<div className={style.cardWrapper}>
<div className={style.card}>
<Timetable />
<div className={style.cardHeader}>🕐 Timetable</div>
<div className={style.cardContent}>
<Timetable />
</div>
</div>
<div className={style.card}>
<Flatastic />
<div className={style.cardHeaderInactive}>🧹 Flatastic</div>
<div className={style.cardContent}>
<Flatastic />
</div>
</div>
<div className={style.card}>
<HomeAssistant />
<div className={style.cardHeaderInactive}>
🏠 HomeAssistant [Tent]
</div>
<div className={style.cardContent}>
<HomeAssistant />
</div>
</div>
</div>

34
src/components/Dashboard/style.module.css
View File

@@ -2,6 +2,7 @@
display: flex;
flex-direction: column;
height: 100%;
background-color: #007c7d;
}
.cardWrapper {
@@ -14,12 +15,37 @@
}
.card {
border-radius: 10px;
flex-direction: column;
justify-content: flex-start;
background-color: #c0c0c0;
border-top: 2px solid white;
border-left: 2px solid white;
border-bottom: 2px solid #828282;
border-right: 2px solid #828282;
}
.cardContent {
padding: 1px 100px 30px 100px;
border: 1px solid rgba(220, 220, 220, 0.4);
box-shadow: 5px 5px 7px rgba(220, 220, 220, 0.5);
}
.cardHeader {
height: 30px;
color: white;
background-color: #000082;
text-align: left;
padding-left: 5px;
font-weight: bold;
}
.cardHeaderInactive {
height: 30px;
color: #c0c0c0;
background-color: #808080;
text-align: left;
padding-left: 5px;
font-weight: bold;
}
.footer {
background-color: rgba(220, 220, 220, 0.5);
background-color: #c0c0c0;
}