dave/eve-signaler
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

refactor(RegionMap, StatisticsToggle): reposition StatisticsToggle to avoid overlaps and simplify layout

Browse Source
This commit is contained in:
PhatPhuckDave
2025-09-15 17:40:23 +02:00
parent 7f4ca796aa
commit f6450fdafb
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/RegionMap.tsx
View File

@@ -1222,13 +1222,15 @@ export const RegionMap = ({ regionName, focusSystem, isCompact = false, isWormho
</div> </div>
)} )}
{/* Statistics Toggle */} {/* Statistics Toggle - positioned to avoid overlaps */}
<div className="absolute bottom-4 left-4">
<StatisticsToggle <StatisticsToggle
jumpsEnabled={showJumps} jumpsEnabled={showJumps}
killsEnabled={showKills} killsEnabled={showKills}
onJumpsToggle={setShowJumps} onJumpsToggle={setShowJumps}
onKillsToggle={setShowKills} onKillsToggle={setShowKills}
/> />
</div>
{/* Context Menu */} {/* Context Menu */}
{contextMenu && ( {contextMenu && (

2
frontend/src/components/StatisticsToggle.tsx
View File

@@ -14,7 +14,7 @@ export const StatisticsToggle: React.FC<StatisticsToggleProps> = ({
onKillsToggle, onKillsToggle,
}) => { }) => {
return ( 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"> <div className="flex gap-2">
<button <button
onClick={() => onJumpsToggle(!jumpsEnabled)} onClick={() => onJumpsToggle(!jumpsEnabled)}