From 063e6227211cf9b25f7a035c7344896ca8e72ad1 Mon Sep 17 00:00:00 2001
From: Danielv123 <danielv@danielv.no>
Date: Tue, 15 Jul 2025 13:19:31 +0200
Subject: [PATCH] Render map tiles as pixelated

---
 plugins/minimap/web/MinimapPage.tsx | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/plugins/minimap/web/MinimapPage.tsx b/plugins/minimap/web/MinimapPage.tsx
index 5b49dbdc..789c3367 100644
--- a/plugins/minimap/web/MinimapPage.tsx
+++ b/plugins/minimap/web/MinimapPage.tsx
@@ -135,7 +135,24 @@ export default function MinimapPage() {
 						}
 					>
 						{selectedInstanceData && mapBounds ? (
-							<div style={{ height: "700px", width: "100%" }}>
+							<div 
+								style={{ 
+									height: "700px", 
+									width: "100%"
+								}}
+								className="minimap-container"
+							>
+								<style>
+									{`/* Avoid blurry rendering when zooming in */
+									.minimap-container .leaflet-container .leaflet-overlay-pane svg,
+									.minimap-container .leaflet-container .leaflet-marker-pane img,
+									.minimap-container .leaflet-container .leaflet-shadow-pane img,
+									.minimap-container .leaflet-container .leaflet-tile-pane img,
+									.minimap-container .leaflet-container img.leaflet-image-layer {
+										image-rendering: pixelated;
+									}
+									`}
+								</style>
 								<MapContainer
 									bounds={mapBounds}
 									style={{ height: "100%", width: "100%", backgroundColor: "#1a1a1a" }}