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

Header rechte Bereich in Vier Bereiche erstellt

Browse Source
This commit is contained in:
ISA
2024-09-27 11:16:15 +02:00
parent 372a785af6
commit 2a608408ce
1 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/Header.jsx
View File

@@ -48,18 +48,15 @@ function Header() {
</div>
<div className="flex items-start space-x-4 w-full"></div>
{/* Temperatur und Icons */}
<div className="p-4 w-full lg:w-full flex flex-row gap-3 justify-between">
<div className="p-4 w-full lg:w-full flex flex-row gap-4 justify-between">
{/* Temperatur und Luftfeuchtigkeit */}
<div className="flex items-center space-x-4 min-w-0 flex-shrink">
<div className="flex items-center min-w-0">
<i className="bi bi-thermometer-half"></i>
<p className="text-lg ml-1">20.5 °C</p>
</div>
<div className="flex items-center min-w-0">
<i className="bi bi-droplet"></i>
<p className="text-lg ml-1">60%</p>
</div>
<div className="flex items-center min-w-0">
<i className="bi bi-thermometer-half"></i>
<p className="text-lg ml-1">20.5 °C</p>
</div>
<div className="flex items-center min-w-0">
<i className="bi bi-droplet"></i>
<p className="text-lg ml-1">60%</p>
</div>
{/* Toggle Switch light and dark mode */}