diff --git a/resources/js/dashboards/potentials/inside_system.js b/resources/js/dashboards/potentials/inside_system.js index dda3276..572742b 100644 --- a/resources/js/dashboards/potentials/inside_system.js +++ b/resources/js/dashboards/potentials/inside_system.js @@ -283,6 +283,15 @@ function resizeDashboard() { dashboardElement.style.transition = "transform 0.2s ease-in-out"; dashboardElement.style.transform = `scale(${scaleFactor})`; + // Fix SVG scaling issue - reset SVG transform to prevent oversized icons + const svgElements = dashboardElement.querySelectorAll("svg"); + svgElements.forEach((svg) => { + svg.style.transform = `scale(${1 / scaleFactor})`; + svg.style.transformOrigin = "center"; + svg.style.width = "17px"; + svg.style.height = "17px"; + }); + // Ensure horizontal scrolling is allowed if necessary if (document.body) { document.body.style.overflowX = "auto"; diff --git a/resources/scss/dashboards/potentials/_inside_system.scss b/resources/scss/dashboards/potentials/_inside_system.scss index 68393d1..f792343 100644 --- a/resources/scss/dashboards/potentials/_inside_system.scss +++ b/resources/scss/dashboards/potentials/_inside_system.scss @@ -48,6 +48,15 @@ max-width: 100vw; } +// Fix for SVG scaling issue +#lack-of-potential-fixed-container svg { + width: 17px !important; + height: 17px !important; + max-width: 17px !important; + max-height: 17px !important; + transform: none !important; +} + .lack-of-potential-wrapper::before { content: ""; position: absolute; diff --git a/resources/views/dashboards/potentials/inside_system.blade.php b/resources/views/dashboards/potentials/inside_system.blade.php index 60327c8..7b1a908 100644 --- a/resources/views/dashboards/potentials/inside_system.blade.php +++ b/resources/views/dashboards/potentials/inside_system.blade.php @@ -14,6 +14,7 @@ ANALISA BIG DATA MELALUI APLIKASI
SIBEDAS PBG LUAR SISTEM
+ {{-- --}}
@@ -33,7 +34,7 @@
- @@ -111,7 +112,7 @@ {{-- tata ruang --}}
-