Add: Modal zur Anzeige von Versionsinformationen hinzugefügt

- Ein neues Modal (Popup) hinzugefügt, das erscheint, wenn auf das Informations-Icon geklickt wird.
- Das Modal zeigt detaillierte Informationen zur Version 0.5.6 der TALAS.Map-Anwendung an.
- Verwendet Tailwind CSS für das Styling des Modals und der enthaltenen Elemente.
- Ein Schließen-Button hinzugefügt, um das Modal zu schließen.
- Verbesserte Lesbarkeit durch angepasste Zeilenabstände und ein zentriertes Layout.

Details:
- InformationCircleIcon von Heroicons verwendet, um das Informations-Icon darzustellen.
- Beim Klick auf das Icon öffnet sich das Modal und zeigt die Firmenadresse und Kontaktinformationen an.
- Die Bildgröße und Position im Modal wurde angepasst, um ein ansprechendes Layout zu gewährleisten.
- Textformatierungen wie Fettdruck und Abstände wurden für eine bessere Lesbarkeit angewendet.

Hinweis:
- Die Komponente wurde so gestaltet, dass sie leicht erweitert und an zukünftige Anforderungen angepasst werden kann.
This commit is contained in:
ISA
2024-05-08 13:25:57 +02:00
parent 3c3c2c86a6
commit 70a9cbde53
5 changed files with 81 additions and 3502 deletions

11
package-lock.json generated
View File

@@ -1,10 +1,11 @@
{
"name": "OpenStreetMapProject-02.05.2024",
"name": "OpenStreetMapProject-08.05.2024",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"dependencies": {
"@heroicons/react": "^2.1.3",
"http-proxy-middleware": "^3.0.0",
"leaflet": "^1.9.4",
"leaflet-contextmenu": "^1.4.0",
@@ -40,6 +41,14 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/@heroicons/react": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/@heroicons/react/-/react-2.1.3.tgz",
"integrity": "sha512-fEcPfo4oN345SoqdlCDdSa4ivjaKbk0jTd+oubcgNxnNgAfzysfwWfQUr+51wigiWHQQRiZNd1Ao0M5Y3M2EGg==",
"peerDependencies": {
"react": ">= 16"
}
},
"node_modules/@isaacs/cliui": {
"version": "8.0.2",
"resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",