CIMEngine/map
1
0
Fork 0
mirror of https://github.com/CIMEngine/map.git synced 2025-02-22 18:53:11 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: styling

Browse source
This commit is contained in:
Artemy 2024-01-24 15:12:07 +03:00
parent d6fca4a08e
commit f3f59e0ce0
6 changed files with 10 additions and 670 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components.js
View file

@ -7,21 +7,15 @@ export function countryPopup(country, properties) {
return `<div class="row" style="padding: 5px;">
${img(country.img)}
${title(country.name)}
<div class="col-12 text-center glass">
${JSON.parse(properties.tags || "[]").join(", ")}
</div>
<div class="col-12 text-center glass">
${l("founded")}: ${new Date(country.date).toLocaleDateString()}
</div>
<div class="col-md-12 col-sm-12 text-center glass">
<div class="col-12 glass p-2">
${JSON.parse(properties.tags || "[]").join(", ")}
${l("founded")}: ${new Date(country.date).toLocaleDateString()}
${
country.description
? `<div>${converter.makeHtml(country.description)}</div>`
: ""
}
</div>
<div class="col-12 text-center glass">
${l("area")}: ${properties.area} ${l("km")}²
${l("area")}: ${properties.area} ${l("km")}²
</div>
<div class="col-12 text-center mt-2">
${
@ -38,7 +32,7 @@ function img(url) {
}
function title(name) {
return `<div class="col-12 text-center glass"><h5>${name}</h5></div>`;
return `<div class="col-12 text-center glass mb-2 pt-2"><h5>${name}</h5></div>`;
}
export function markerPopup(properties) {

2
src/index.js
View file

@ -1,4 +1,4 @@
import "./index.css";
import "./styles/index.css";
import mapboxgl from "mapbox-gl";
import "mapbox-gl/dist/mapbox-gl.css";

0
src/index.css → src/styles/index.css
View file

0
src/ui/overlays.js Normal file
View file