fix handle inside system

This commit is contained in:
arifal
2025-08-20 02:30:46 +07:00
parent 844fbdfa89
commit 6a060f5dac
3 changed files with 21 additions and 2 deletions

View File

@@ -283,6 +283,15 @@ function resizeDashboard() {
dashboardElement.style.transition = "transform 0.2s ease-in-out"; dashboardElement.style.transition = "transform 0.2s ease-in-out";
dashboardElement.style.transform = `scale(${scaleFactor})`; 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 // Ensure horizontal scrolling is allowed if necessary
if (document.body) { if (document.body) {
document.body.style.overflowX = "auto"; document.body.style.overflowX = "auto";

View File

@@ -48,6 +48,15 @@
max-width: 100vw; 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 { .lack-of-potential-wrapper::before {
content: ""; content: "";
position: absolute; position: absolute;

View File

@@ -14,6 +14,7 @@
ANALISA BIG DATA MELALUI APLIKASI <br> SIBEDAS PBG LUAR SISTEM ANALISA BIG DATA MELALUI APLIKASI <br> SIBEDAS PBG LUAR SISTEM
</h2> </h2>
<div class="text-black text-end d-flex flex-column align-items-end me-3"> <div class="text-black text-end d-flex flex-column align-items-end me-3">
{{-- <input type="text" class="form-control mt-2" style="max-width: 125px;" id="datepicker-lack-of-potential" placeholder="Filter Date" /> --}}
<input type="text" class="form-control mt-2" style="max-width: 125px;" id="datepicker-lack-of-potential" placeholder="Filter Date" /> <input type="text" class="form-control mt-2" style="max-width: 125px;" id="datepicker-lack-of-potential" placeholder="Filter Date" />
</div> </div>
</div> </div>
@@ -33,7 +34,7 @@
<div class="line" style="top:480px;left:430px;width:900px;height:2px;background-color:black;"></div> <div class="line" style="top:480px;left:430px;width:900px;height:2px;background-color:black;"></div>
<div class="line" style="top:590px;left:300px;width:950px;height:2px;rotate: 90deg; background-color: black;"></div> <div class="line" style="top:590px;left:300px;width:950px;height:2px;rotate: 90deg; background-color: black;"></div>
<div style="position: absolute; top: -250px; left: 900px;"> <div style="position: absolute; top: -250px; left: 900px;">
<x-custom-circle title="PBB BANGUNAN" size="large" style="background-color: #627c8b;margin-top:260px;" <x-custom-circle title="PBB ADA BANGUNAN" size="large" style="background-color: #627c8b;margin-top:260px;"
visible_data="false" data_id="pbb-bangunan-count" data_count="0" visible_data="false" data_id="pbb-bangunan-count" data_count="0"
document_url="" document_url=""
/> />
@@ -111,7 +112,7 @@
{{-- tata ruang --}} {{-- tata ruang --}}
<div style="position: absolute; top: 120px; left: 300px;"> <div style="position: absolute; top: 120px; left: 300px;">
<x-custom-circle title="TATA RUANG - PETA 1:5000 - TAPAK BANGUNAN - BPN - UUCK" size="medium" style="background-color: #627c8b;margin-top:260px;" <x-custom-circle title="TATA RUANG" size="medium" style="background-color: #627c8b;margin-top:260px;"
visible_data="true" data_id="tata-ruang-count" data_count="0" visible_data="true" data_id="tata-ruang-count" data_count="0"
document_url="" document_url=""
/> />