fix: Kabelüberwachung Modal style
alle Buttons mit Littwinblue alle Buttons ohne Mouseover effect
This commit is contained in:
@@ -58,16 +58,18 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
|
||||
}}
|
||||
>
|
||||
<div className="p-2 flex justify-between items-center rounded-t-md">
|
||||
<h2 className="text-base font-bold">Steckplatz {slot + 1}</h2>
|
||||
<h2 className="text-base font-bold">
|
||||
Einstellungen Steckplatz {slot + 1}
|
||||
</h2>
|
||||
<button onClick={onClose} className="text-2xl hover:text-gray-200">
|
||||
<i className="bi bi-x-circle-fill"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div className="flex justify-center bg-gray-100 space-x-2 p-2">
|
||||
<div className="flex justify-start bg-gray-100 space-x-2 p-2">
|
||||
{[
|
||||
{ label: "KUE Einstellung", key: "kue" },
|
||||
{ label: "TDR Einstellung", key: "tdr" },
|
||||
{ label: "Allgemein", key: "kue" },
|
||||
{ label: "TDR ", key: "tdr" },
|
||||
{ label: "Knotenpunkte", key: "knoten" },
|
||||
].map(({ label, key }) => (
|
||||
<button
|
||||
@@ -75,7 +77,7 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
|
||||
onClick={() => setActiveTab(key as any)}
|
||||
className={`px-4 py-1 rounded-t font-bold text-sm ${
|
||||
activeTab === key
|
||||
? "bg-white text-blue-600"
|
||||
? "bg-white text-littwin-blue"
|
||||
: "text-gray-500 hover:text-black"
|
||||
}`}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user