chore: Modale mit bi bi-x-circle-fill Icon schließen

.env.development

@@ -6,6 +6,6 @@ NEXT_PUBLIC_USE_MOCK_BACKEND_LOOP_START=false
 NEXT_PUBLIC_EXPORT_STATIC=false
 NEXT_PUBLIC_USE_CGI=false
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.891
+NEXT_PUBLIC_APP_VERSION=1.6.892
 NEXT_PUBLIC_CPL_MODE=json   # json (Entwicklungsumgebung) oder jsSimulatedProd (CPL ->CGI-Interface-Simulator) oder production (CPL-> CGI-Interface Platzhalter)
 

.env.production

@@ -5,5 +5,5 @@ NEXT_PUBLIC_CPL_API_PATH=/CPL
 NEXT_PUBLIC_EXPORT_STATIC=true
 NEXT_PUBLIC_USE_CGI=true
 # App-Versionsnummer
-NEXT_PUBLIC_APP_VERSION=1.6.891
+NEXT_PUBLIC_APP_VERSION=1.6.892
 NEXT_PUBLIC_CPL_MODE=production

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [1.6.892] – 2025-09-10
+
+- style: KVZ Modal optisch an die anderen angepasst
+
+---
 ## [1.6.891] – 2025-09-10
 
 - fix: Modal jetzt wieder mit fester, konsistenter Höhe (min(640px, 80vh)) und internem Scroll statt Größenänderung pro Tab. Body-Klassen angepasst (overflow-y-auto, entfernte dynamische h-Utilities).

components/main/kabelueberwachung/kue705FO/Charts/IsoMeasurementChart/IsoChartView.tsx

@@ -133,7 +133,15 @@ const IsoChartView: React.FC<IsoChartViewProps> = ({
             aria-label="Schließen"
             type="button"
           >
-            <i className="bi bi-x-lg" />
+            <i
+              style={{
+                background: "transparent",
+                border: "none",
+                fontSize: "1.5rem",
+                cursor: "pointer",
+              }}
+              className="bi bi-x-circle-fill"
+            />
           </button>
         </div>
         <div className="absolute top-2 right-28">

components/main/kabelueberwachung/kue705FO/Charts/KVZChart/KVZChartView.tsx

@@ -134,7 +134,15 @@ const KVZChartView: React.FC<KVZChartViewProps> = ({
             aria-label="Schließen"
             type="button"
           >
-            <i className="bi bi-x-lg" />
+            <i
+              style={{
+                background: "transparent",
+                border: "none",
+                fontSize: "1.5rem",
+                cursor: "pointer",
+              }}
+              className="bi bi-x-circle-fill"
+            />
           </button>
         </div>
       </header>

components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopChartView.tsx

@@ -126,7 +126,15 @@ function LoopChartView({ isOpen, onClose, slotIndex }: LoopChartViewProps) {
             aria-label="Schließen"
             type="button"
           >
-            <i className="bi bi-x-lg" />
+            <i
+              style={{
+                background: "transparent",
+                border: "none",
+                fontSize: "1.5rem",
+                cursor: "pointer",
+              }}
+              className="bi bi-x-circle-fill"
+            />
           </button>
         </div>
         <div className="absolute top-2 right-28">

components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChartView.tsx

@@ -128,7 +128,15 @@ const TDRChartView: React.FC<TDRChartViewProps> = ({
             aria-label="Schließen"
             type="button"
           >
-            <i className="bi bi-x-lg" />
+            <i
+              style={{
+                background: "transparent",
+                border: "none",
+                fontSize: "1.5rem",
+                cursor: "pointer",
+              }}
+              className="bi bi-x-circle-fill"
+            />
           </button>
         </div>
         <div className="absolute top-2 right-28">

components/main/kabelueberwachung/kue705FO/modals/SettingsModalWrapper.tsx

@@ -83,7 +83,15 @@ export default function KueModal({ showModal, onClose, slot }: KueModalProps) {
           aria-label="Modal schließen"
           type="button"
         >
-          <i className="bi bi-x-lg text-base" />
+          <i
+            style={{
+              background: "transparent",
+              border: "none",
+              fontSize: "1.5rem",
+              cursor: "pointer",
+            }}
+            className="bi bi-x-circle-fill"
+          />
         </button>
       </div>
 

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.891",
+  "version": "1.6.892",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cpl-v4",
-      "version": "1.6.891",
+      "version": "1.6.892",
       "dependencies": {
         "@emotion/react": "^11.13.0",
         "@emotion/styled": "^11.13.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cpl-v4",
-  "version": "1.6.891",
+  "version": "1.6.892",
   "private": true,
   "scripts": {
     "dev": "next dev -p 3000",