Make the region map a square
This commit is contained in:
@@ -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>
|
||||||
|
Reference in New Issue
Block a user