antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

something I dont know

Browse Source
This commit is contained in:
Anton Tranelis 2024-10-13 22:45:41 +02:00
parent ae4c185157
commit 580826b36f
6 changed files with 124 additions and 1526 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1613
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

3
package.json
View File

@ -18,8 +18,7 @@
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-rnd": "^10.4.1",
"react-router-dom": "^6.23.0",
"utopia-ui": "^3.0.0-alpha.257"
"react-router-dom": "^6.23.0"
},
"devDependencies": {
"@types/react": "^18.2.79",

6
src/App.css
View File

@ -22,10 +22,12 @@
}
.move-out-right {
transform: translateX(100vw); /* Verschiebt das Div um die Breite des Viewports */
transform: translateX(100vw);
/* Verschiebt das Div um die Breite des Viewports */
}
.move-out-left {
transform: translateX(-100vw); /* Verschiebt das Div um die Breite des Viewports */
transform: translateX(-100vw);
/* Verschiebt das Div um die Breite des Viewports */
}

6
src/ModalContent.tsx
View File

@ -1,4 +1,5 @@
import { useState } from 'react'
import { TextView } from 'utopia-ui'
type ChapterProps = {
clickAction1?: () => void
@ -10,6 +11,10 @@ type ChapterProps = {
export function Welcome1({ clickAction1, map }: ChapterProps) {
return (
<>{map.custom_text?
<>
<TextView item={map} itemTextField={'custom_text'}></TextView>
</> :
<>
<h3 className="font-bold text-lg">Welcome to {map?.name || "Utopia Map"}</h3>
<img className="float-right w-32 m-2" src={"https://api.utopia-lab.org/assets/"+map.logo}></img>
@ -25,6 +30,7 @@ export function Welcome1({ clickAction1, map }: ChapterProps) {
<div className="grid">
<label className="btn place-self-end mt-4" onClick={() => clickAction1!()}>Close</label>
</div>
</>}
</>
)
}

2
src/pages/MapContainer.tsx
View File

@ -37,7 +37,7 @@ function MapContainer({ layers, map }: { layers: Array<LayerProps>, map: any })
return (
<UtopiaMap geo={map.geo} zoom={map.zoom || 5} center={map.center ? [map.center?.coordinates[1], map.center?.coordinates[0]] : [50.6, 9.5]} height='100%' width="100%" showFilterControl={map.show_filter_control} showLayerControl={map.show_layer_control} >
<UtopiaMap geo={map.geo} zoom={map.zoom || 5} center={map.center ? [map.center?.coordinates[1], map.center?.coordinates[0]] : [50.6, 9.5]} height='100%' width="100%" showFilterControl={map.show_filter_control} showLayerControl={map.show_layer_control} showGratitudeControl={map.show_gratitude_control} >
{layers && apis &&
layers.map(layer =>
<Layer