update App.js, src/components/DateRangePicker/index.scss, src/components/LeafletMap/index.js and src/components/LeafletMap/index.scss

master
Your Name 2 years ago
parent 0b2ea9797a
commit 7745e5728c
  1. 4
      src/App.js
  2. 2
      src/components/DateRangePicker/index.scss
  3. 8
      src/components/LeafletMap/index.js
  4. 34
      src/components/LeafletMap/index.scss
  5. BIN
      src/components/LeafletMap/placeholder.png

@ -138,7 +138,7 @@ function App() {
{/* <DistributedData /> */}
{/* <CardDesign1 /> */}
{/* <CardDesign2 /> */}
<LeafletMap />
{/* <LeafletMap /> */}
{/* *************************************************** mini components *************************************************** */}
@ -171,7 +171,7 @@ function App() {
{/* <IndianaDragScroll /> */}
{/* <IconText /> */}
{/* <CustomToast /> */}
{/* <DateRangePicker /> */}
<DateRangePicker />
{/* <div className="flex">
<SidebarDesign2 className="w-1/5" />
<span className="w-4/5 ">

@ -56,7 +56,7 @@
.rmdp-week-day {
color: #3b98f3;
font-size: 9px;
font-size: 9px !important;
}
.rmdp-shadow {

@ -6,6 +6,7 @@ import {
FeatureGroup,
Rectangle,
useMap,
Marker,
LayerGroup,
ZoomControl,
ScaleControl,
@ -21,6 +22,8 @@ import "./index.scss";
import grid from "../../assets/images/grid.png";
// import placeholder from "../placeholder.png";
import * as L from "leaflet";
L.drawLocal = {
@ -177,11 +180,6 @@ const LeafletMap = () => {
</FeatureGroup>
<LayerGroup></LayerGroup>
<ScaleControl position="topleft" />
<a class="leaflet-draw-edit-edit" href="#" title="ویرایش لایه ها">
<span class="sr-only">ویرایش لایه ها</span>
</a>
<ZoomControl position="topleft" />
</MapContainer>
);

@ -1,12 +1,46 @@
.leaflet-draw-toolbar a,
span,
title,
p,
li {
font-family: "iransans-medium" !important;
}
.leaflet-touch .leaflet-draw-actions a {
font-family: "iransans-medium" !important;
}
.leaflet-container {
width: 100%;
height: 100vh;
}
.leaflet-control-scale-line:not(:first-child) {
display: none !important;
}
.leaflet-tile {
border: 1px solid gray;
box-sizing: content-box;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
display: none !important;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
display: none !important;
}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
display: none !important;
}
.leaflet-right .leaflet-draw-actions li:first-child a {
border-radius: 0px !important;
}
.leaflet-right .leaflet-draw-actions li:last-child a {
border-radius: 4px 0 0 4px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Loading…
Cancel
Save