refactor(RegionMap, StatisticsToggle): reposition StatisticsToggle to avoid overlaps and simplify layout
This commit is contained in:
@@ -1222,13 +1222,15 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Statistics Toggle */}
|
||||
<StatisticsToggle
|
||||
jumpsEnabled={showJumps}
|
||||
killsEnabled={showKills}
|
||||
onJumpsToggle={setShowJumps}
|
||||
onKillsToggle={setShowKills}
|
||||
/>
|
||||
{/* Statistics Toggle - positioned to avoid overlaps */}
|
||||
<div className="absolute bottom-4 left-4">
|
||||
<StatisticsToggle
|
||||
jumpsEnabled={showJumps}
|
||||
killsEnabled={showKills}
|
||||
onJumpsToggle={setShowJumps}
|
||||
onKillsToggle={setShowKills}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Context Menu */}
|
||||
{contextMenu && (
|
||||
|
@@ -14,7 +14,7 @@ export const StatisticsToggle: React.FC<StatisticsToggleProps> = ({
|
||||
onKillsToggle,
|
||||
}) => {
|
||||
return (
|
||||
<div className="absolute top-2 right-2 bg-slate-800/90 backdrop-blur-sm rounded-lg p-2 shadow-lg border border-slate-700">
|
||||
<div className="bg-slate-800/90 backdrop-blur-sm rounded-lg p-2 shadow-lg border border-slate-700">
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
onClick={() => onJumpsToggle(!jumpsEnabled)}
|
||||
|
Reference in New Issue
Block a user