Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Tooltip für GMA kleiner machen mit Tailwind

Browse Source
This commit is contained in:
ISA
2024-04-26 09:49:24 +02:00
parent 5e36a8db94
commit 8d9e8c6385
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
components/MapComponent.js
View File

@@ -1009,27 +1009,28 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
// Tooltip beim Überfahren mit der Maus anzeigen
marker.bindTooltip(
`
<div class="p-2 rounded-xl bg-opacity-70">
<div class="font-bold text-sm text-gray-700">
<div class="p-0 rounded-xl bg-opacity-90">
<div class="font-bold text-sm text-black">
<span>${area_name}</span>
</div>
<div class="font-bold text-sm text-gray-700 mt-1">
<span>LT : ${measurements.LT} °C</span>
</div>
<div class="font-bold text-sm text-gray-700 mt-1">
<span>FBT : ${measurements.FBT} °C</span>
</div>
<div class="font-bold text-sm text-gray-700 mt-1">
<span>GT : ${measurements.GT === "nicht ermittelbar" ? measurements.GT : `${measurements.GT} °C`}</span>
</div>
<div class="font-bold text-sm text-gray-700 mt-1">
<span>RLF : ${measurements.RLF} %</span>
</div>
<div class="font-bold text-xxs text-gray-700 ">
<span>LT : ${measurements.LT} °C</span>
</div>
<div class="font-bold text-xxs text-gray-700 ">
<span>FBT : ${measurements.FBT} °C</span>
</div>
<div class="font-bold text-xxs text-gray-700">
<span>GT : ${measurements.GT === "nicht ermittelbar" ? measurements.GT : `${measurements.GT} °C`}</span>
</div>
<div class="font-bold text-xxs text-gray-700 ">
<span>RLF : ${measurements.RLF} %</span>
</div>
</div>
`,
{
permanent: true, // true würde den Tooltip immer anzeigen
direction: "auto", // oder 'top', 'bottom', 'left', 'right'
offset: [20, 0],
}
);