Make the region map a square

This commit is contained in:
2025-06-15 18:35:09 +02:00
parent 8c0bb31bad
commit 767296ab4d

View File

@@ -189,7 +189,7 @@ export const SystemView = () => {
{/* Regional overview map */} {/* Regional overview map */}
<div className="lg:col-span-1 flex flex-col"> <div className="lg:col-span-1 flex flex-col">
{region ? ( {region ? (
<div className="h-96 border border-purple-500/30 rounded-lg overflow-hidden flex flex-col"> <div className="w-full aspect-square border border-purple-500/30 rounded-lg overflow-hidden flex flex-col">
<div className="flex-shrink-0 p-2 border-b border-purple-500/30 bg-black/20 backdrop-blur-sm"> <div className="flex-shrink-0 p-2 border-b border-purple-500/30 bg-black/20 backdrop-blur-sm">
<h3 className="text-white text-sm font-semibold">{region} Region</h3> <h3 className="text-white text-sm font-semibold">{region} Region</h3>
<p className="text-purple-200 text-xs">Click systems to navigate Current: {system}</p> <p className="text-purple-200 text-xs">Click systems to navigate Current: {system}</p>