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

Plus Icon Maß verkleinern, Card oben rechts und links in dropdown semibold für checkbox kein bold.

Browse Source 
Unten links TALAS.Map semibold, Version kein bold
This commit is contained in:
ISA
2024-05-14 08:41:57 +02:00
parent 70a9cbde53
commit ab31f85b6b
68 changed files with 1410 additions and 87107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/DataSheet.js
View File

@@ -108,7 +108,7 @@ function DataSheet() {
<select
onChange={handleAreaChange} // Verwenden der neuen handleAreaChange Funktion
id="stationListing"
className="border-solid-1 p-2 rounded ml-1"
className="border-solid-1 p-2 rounded ml-1 font-semibold"
>
<option>Station wählen</option>
{stationListing.map((station) => (
@@ -132,7 +132,7 @@ function DataSheet() {
checked={mapLayersVisibility[system.name] || false}
onChange={(e) => handleCheckboxChange(system.name, e)}
/>
<label className="text-sm font-bold ml-2">{system.name}</label>
<label className="text-sm ml-2">{system.name}</label>
<br />
</React.Fragment>
))}

20
components/MapComponent.js
View File

@@ -26,16 +26,17 @@ import { InformationCircleIcon } from "@heroicons/react/20/solid"; // oder 'outl
const plusRoundIcon = L.icon({
//iconUrl: "/img/plus_round.png", // Update with your actual path
iconUrl: "/img/plus_round.png", // Update with your actual path
iconSize: [32, 32],
iconAnchor: [35, 55],
iconSize: [22, 22],
iconAnchor: [28, 55],
className: "absolute top-0 left-0 z-10", // Adjust with Tailwind CSS classes
});
const MapComponent = ({ locations, onLocationUpdate }) => {
const [showVersionInfoModal, setShowVersionInfoModal] = useState(false);
const zoomTrigger = useRecoilValue(zoomTriggerState);
const offlineTileLayer = "../TileMap/mapTiles/{z}/{x}/{y}.png";
const onlineTileLayer = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
const offlineTileLayer = "/mapTiles/{z}/{x}/{y}.png";
const onlineTileLayer = "/mapTiles/{z}/{x}/{y}.png";
//const onlineTileLayer = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";
//const onlineTileLayer = "mapTiles/{z}/{x}/{y}.png";
// Create map layers
const TALAS = new L.layerGroup();
@@ -1687,13 +1688,14 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
style={{ height: "100vh", width: "100vw" }}
></div>
<div className="absolute bottom-5 left-24 w-72 p-4 bg-white rounded-lg shadow-md z-50">
<div className="absolute bottom-3 left-3 w-72 p-4 bg-white rounded-lg shadow-md z-50">
<div className="flex justify-between items-center">
<div>
<span className="text-black text-lg font-bold">
TALAS.Map
<span className="text-black text-lg font-semibold"> TALAS.Map </span>
<br />
Version 0.5.6
<span className="text-black text-lg">
Version 1.0.0
</span>
</div>
<div>
@@ -1736,7 +1738,7 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
</h5>
</div>
<p className="text-gray-700 text-center font-bold mt-4 leading-relaxed">
TALAS.Map Version 0.5.6
TALAS.Map Version 1.0.0
</p>
<button
onClick={closeVersionInfoModal}