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

fix: Kabelüberwachung Modal style

Browse Source 
alle Buttons mit Littwinblue
alle Buttons ohne Mouseover effect
This commit is contained in:
ISA
2025-05-06 11:24:19 +02:00
parent ff661dd7be
commit 992a0ff254
4 changed files with 104 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
components/main/kabelueberwachung/kue705FO/modals/TdrEinstellung.tsx
View File

@@ -173,7 +173,7 @@ export default function TdrEinstellung({ slot, onClose }: Props) {
aria-checked={tdrActive}
onClick={handleTdrToggle}
className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors duration-200 ${
tdrActive ? "bg-green-500" : "bg-gray-300"
tdrActive ? "bg-littwin-blue" : "bg-gray-300"
}`}
>
<span
@@ -187,58 +187,54 @@ export default function TdrEinstellung({ slot, onClose }: Props) {
</span>
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<div>
<label className="block text-sm font-medium mb-1">TDR Dämpfung</label>
<div className="relative">
<div className="mt-6 mb-4">
<h3 className="font-bold mb-2">TDR Einstellungen</h3>
<div className="mb-4 grid grid-cols-2 items-center gap-2 w-full">
<label className="font-semibold">TDR Dämpfung</label>
<div className="flex items-center gap-2">
<input
type="number"
className="w-24 border rounded p-1"
value={tdrData.daempfung}
onChange={(e) => {
const updated = { ...tdrData, daempfung: e.target.value };
setTdrData(updated);
updateCache(updated);
}}
className="border px-2 py-1 rounded w-full pr-10"
/>
<span className="absolute right-2 top-1/2 -translate-y-1/2 text-xs text-gray-500">
dB
</span>
<span>dB</span>
</div>
</div>
<div>
<label className="block text-sm font-medium mb-1">
Geschwindigkeit
</label>
<div className="relative">
<div className="mb-4 grid grid-cols-2 items-center gap-2 w-full">
<label className="font-semibold">Geschwindigkeit</label>
<div className="flex items-center gap-2">
<input
type="number"
className="w-24 border rounded p-1"
value={tdrData.geschwindigkeit}
onChange={(e) => {
const updated = { ...tdrData, geschwindigkeit: e.target.value };
setTdrData(updated);
updateCache(updated);
}}
className="border px-2 py-1 rounded w-full pr-14"
/>
<span className="absolute right-2 top-1/2 -translate-y-1/2 text-xs text-gray-500">
m/µs
</span>
<span>m/µs</span>
</div>
</div>
<div>
<label className="block text-sm font-medium mb-1">Trigger</label>
<div className="mb-4 grid grid-cols-2 items-center gap-2 w-full">
<label className="font-semibold">Trigger</label>
<input
type="number"
className="w-full border rounded p-1"
value={tdrData.trigger}
onChange={(e) => {
const updated = { ...tdrData, trigger: e.target.value };
setTdrData(updated);
updateCache(updated);
}}
className="border px-2 py-1 rounded w-full"
/>
</div>
</div>
@@ -246,9 +242,9 @@ export default function TdrEinstellung({ slot, onClose }: Props) {
<div className="qhd:pt-48 2xl:pt-16 xl:pt-8 laptop:pt-2 flex justify-end">
<button
onClick={handleSave}
className="bg-littwin-blue text-white px-4 py-2 rounded shadow hover:bg-blue-700"
className="bg-littwin-blue text-white px-4 py-2 rounded shadow hover:bg-blue-500"
>
💾 Einstellungen senden
Einstellungen senden
</button>
</div>
</div>