372a785af6
- Header-Layout optimiert, um Temperatur und Icons korrekt anzuzeigen. - Anpassungen in der Navigation Abstand zwischen die Elemente. - Verbesserte Ausrichtung und Abstände für Header-Elemente. - Farbanpassungen und Styling-Optimierungen in der Header. -Auf verschiedene Bildschirm Auflösungen getestet (Full-HD und 2K/QHD)
18 lines
542 B
JavaScript
18 lines
542 B
JavaScript
// components/Access1Status.jsx
|
|
import React from "react";
|
|
|
|
const Access1Status = () => {
|
|
return (
|
|
<div className="border border-gray-400 w-32 h-16 flex items-center justify-center relative">
|
|
{/* Grüner Streifen auf der linken Seite */}
|
|
<div className="absolute left-0 top-0 h-full w-1/6 bg-green-500"></div>
|
|
{/* Blauer Hauptbereich */}
|
|
<div className="bg-blue-500 flex-1 flex items-center justify-center text-white text-xl h-16">
|
|
Access 1
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Access1Status;
|