CPL, Access 1 und Access 2 Status Komponente erstellt

This commit is contained in:
ISA
2024-09-27 08:39:26 +02:00
parent a120781529
commit 99a6212e04
5 changed files with 70 additions and 24 deletions

17
components/CPLStatus.jsx Normal file
View File

@@ -0,0 +1,17 @@
// components/CPLStatus.jsx
import React from "react";
const CPLStatus = () => {
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">
CPL
</div>
</div>
);
};
export default CPLStatus;