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

Schließen Icon in KÜ Einstellungen

Browse Source
This commit is contained in:
ISA
2024-10-21 15:10:34 +02:00
parent 6624b879cb
commit 07af9365ce
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/modales/KueModal.jsx
View File

@@ -1,6 +1,7 @@
"use client"; // components/modales/KueModal.jsx "use client"; // components/modales/KueModal.jsx
import ReactModal from "react-modal"; import ReactModal from "react-modal";
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import "bootstrap-icons/font/bootstrap-icons.css"; // Import Bootstrap Icons
function KueModal({ showModal, onClose, slot, onModulNameChange }) { function KueModal({ showModal, onClose, slot, onModulNameChange }) {
const [ids, setIds] = useState(Array(32).fill("---")); // IDs für jedes Modul const [ids, setIds] = useState(Array(32).fill("---")); // IDs für jedes Modul
@@ -170,17 +171,28 @@ function KueModal({ showModal, onClose, slot, onModulNameChange }) {
transform: "translate(-50%, -50%)", transform: "translate(-50%, -50%)",
width: "90%", width: "90%",
maxWidth: "800px", maxWidth: "800px",
padding: "20px", padding: "10px",
borderRadius: "8px", borderRadius: "8px",
border: "none", border: "none",
}, },
}} }}
> >
{/* Modal Header */} {/* Modal Header */}
<div className="flex items-center justify-between bg-littwin-blue text-white p-2 rounded-t-lg"> <div className="flex items-center justify-between bg-littwin-blue text-white p-1 rounded-t-lg">
<h2 className="text-sm font-bold">KUE Einstellung - Slot {slot + 1}</h2> <h2 className="text-sm font-bold">KUE Einstellung - Slot {slot + 1}</h2>
<button onClick={onClose} className="text-white text-lg font-bold"> <button
&times; onClick={onClose}
style={{
position: "absolute",
top: "10px",
right: "20px",
background: "transparent",
border: "none",
cursor: "pointer",
fontSize: "24px",
}}
>
<i className="bi bi-x-circle-fill"></i>
</button> </button>
</div> </div>