Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: header light und dark mode

Browse Source
This commit is contained in:
ISA
2025-08-18 16:40:37 +02:00
parent b72b9d665b
commit c711a6a132
7 changed files with 13 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/header/Header.tsx
View File

@@ -102,10 +102,10 @@ function Header() {
priority
/>
<div className="flex flex-col leading-tight whitespace-nowrap">
<h2 className="text-xl laptop:text-base xl:text-lg font-bold">
<h2 className="text-xl laptop:text-base xl:text-lg font-bold text-gray-900 dark:text-gray-100">
Meldestation
</h2>
<p className="text-gray-600 text-lg laptop:text-sm xl:text-base truncate max-w-[20vw]">
<p className="text-gray-600 dark:text-gray-300 text-lg laptop:text-sm xl:text-base truncate max-w-[20vw]">
{deviceName}
</p>
</div>

2
components/main/dashboard/DashboardView.tsx
View File

@@ -33,7 +33,7 @@ const DashboardView: React.FC = () => {
icon="ri:calendar-schedule-line"
className="text-littwin-blue text-4xl xl:text-2xl"
/>
<h1 className="text-xl font-bold text-gray-700 xl:text-base">
<h1 className="text-xl font-bold text-gray-900 dark:text-gray-100 xl:text-base">
Letzten 20 Meldungen
</h1>
</div>