style: Abstand zwischen TALAS-Logo und Meldestation-Text hinzugefügt

- space-x-4 für saubere Trennung zwischen Logo und Text
- Layout verbessert, bessere Lesbarkeit
This commit is contained in:
ISA
2025-04-29 15:25:03 +02:00
parent bb19bfaa86
commit 6b84eb2495
3 changed files with 16 additions and 4 deletions

View File

@@ -86,7 +86,7 @@ function Header() {
/>
</div>
{/* TALAS-Logo + Text nebeneinander (flexibel oben links) */}
<div className="flex items-center transform translate-x-3/4 mt-8 laptop:ml-10 laptop:translate-y-1 laptop:mt-4">
<div className="flex items-center space-x-8 transform translate-x-3/4 mt-8 laptop:ml-10 laptop:translate-y-1 laptop:mt-4">
<Image
src="/images/logo-talas-2024.png"
alt="TALAS Logo"

View File

@@ -83,10 +83,18 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
- Benutzerfreundlichkeit bei der Bearbeitung von Kabelüberwachungen verbessert
*/
//----------------------------------------------------------------
const [initialized, setInitialized] = useState(false);
const [editMode, setEditMode] = useState(false);
useEffect(() => {
setEditMode(true);
return () => {
setEditMode(false);
};
}, []);
useEffect(() => {
if (!initialized) {
if (!initialized && editMode) {
setLocalName(kueID[slot] || "");
setLocalLimit1(kueLimit1[slot] ?? "");
setLocalDelay1(kueDelay1[slot] ?? "");
@@ -95,9 +103,12 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
setLocalMemoryInterval(memoryInterval[slot] ?? "");
setInitialized(true);
}
}, [initialized, slot]);
}, [initialized, slot, editMode]);
//----------------------------------------------------------------
const handleSaveWrapper = () => {
setEditMode(false); // <--- Editmode deaktivieren
onClose(); // <--- Modal direkt schließen
const originalValues: OriginalValues = {
kueID: [...(window.win_kueID ?? [])],
isolationsgrenzwerte: [...(window.win_kueLimit1 ?? [])],
@@ -125,6 +136,7 @@ fix: Eingabefelder beim Öffnen des KUE-Modal initialisieren und gegen Redux-Upd
};
const updateRedux = () => {
if (!editMode) return;
dispatch(
setKueData({
kueID: [...kueID.slice(0, slot), localName, ...kueID.slice(slot + 1)],

View File

@@ -25,7 +25,7 @@ const Navigation: React.FC<NavigationProps> = ({ className }) => {
{ name: "Übersicht", path: "/dashboard" },
{ name: "Kabelüberwachung ", path: "/kabelueberwachung" },
{ name: "Meldungseingänge ", path: "/digitalInputs" }, //vorher Digitale Ein -und Ausgänge
{ name: "Schaltausgänge ", path: "/digitalOutputs", disabled: false }, //vorher Digitale Ein -und Ausgänge
{ name: "Schaltausgänge ", path: "/digitalOutputs", disabled: true }, //vorher Digitale Ein -und Ausgänge
{ name: "Messwertüberwachung ", path: "/analogeEingaenge" }, //vorher Analoge Eingänge
{ name: "Berichte ", path: "/meldungen" },
{ name: "System ", path: "/system" },