littwin-blue in digitale Ausgänge Schalter

This commit is contained in:
ISA
2025-02-24 11:25:59 +01:00
parent 6be431469c
commit 62f0305e3a
3 changed files with 17 additions and 8 deletions

View File

@@ -24,7 +24,7 @@ export default function DigitalOutputs({ openOutputModal }) {
return (
<div className="bg-white shadow-md rounded-lg border border-gray-200 p-4 w-2/5 h-[fit-content]">
<h2 className="text-md font-bold mb-4 flex items-center">
<Icon icon="mdi:output" className="text-blue-500 mr-2 text-2xl" />
<Icon icon="mdi:output" className="text-littwin-blue mr-2 text-2xl" />
Digitale Ausgänge
</h2>
<table className="w-full text-sm border-collapse bg-white rounded-lg">
@@ -56,7 +56,7 @@ export default function DigitalOutputs({ openOutputModal }) {
onClick={() => toggleSwitch(output.id)}
className={`cursor-pointer text-2xl transform ${
output.status
? "text-blue-500 scale-x-100"
? "text-littwin-blue scale-x-100"
: "text-gray-500 scale-x-[-1]"
}`}
/>

View File

@@ -84,7 +84,7 @@ const GeneralSettings = () => {
</div>
<button
type="button"
className="bg-gray-500 text-white px-3 py-1 rounded text-xs"
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
onClick={() => handleSetDateTime()}
>
Setzen
@@ -129,33 +129,42 @@ const GeneralSettings = () => {
/>
</div>
<div className="col-span-2 flex items-center gap-2">
<label className="block text-xs font-medium">NTP Aktiv:</label>
<input
id="ntpActive"
type="checkbox"
className="peer hidden"
checked={active}
onChange={(e) => setActive(e.target.checked)}
/>
<label
htmlFor="ntpActive"
className="w-5 h-5 border-2 border-gray-300 rounded cursor-pointer flex items-center justify-center
peer-checked:bg-littwin-blue peer-checked:border-littwin-blue peer-checked:text-white"
>
</label>
<span className="text-xs font-medium">NTP Aktiv</span>
</div>
{/* ✅ Buttons */}
<div className="col-span-2 flex justify-between mt-2">
<button
type="button"
className="bg-blue-500 text-white px-3 py-1 rounded text-xs"
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
onClick={() => handleReboot()}
>
Neustart
</button>
<button
type="button"
className="bg-red-500 text-white px-3 py-1 rounded text-xs"
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
onClick={() => handleClearDatabase()}
>
Datenbank leeren
</button>
<button
type="button"
className="bg-green-500 text-white px-3 py-1 rounded text-xs"
className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
onClick={() =>
handleSubmit(
{

View File

@@ -6,5 +6,5 @@
2: Patch oder Hotfix (Bugfixes oder kleine Änderungen).
*/
const webVersion = "1.6.100";
const webVersion = "1.6.101";
export default webVersion;