Moved map data overlay to not take up the full screen
This commit is contained in:
parent
ac42aaf0f5
commit
2c2cb29fa2
@ -1,7 +1,6 @@
|
|||||||
import React, { useContext, useEffect, useRef } from "react";
|
import React, { useContext, useEffect, useRef } from "react";
|
||||||
import { Box, Progress } from "theme-ui";
|
import { Box, Progress } from "theme-ui";
|
||||||
|
|
||||||
import Spinner from "../Spinner";
|
|
||||||
import MapLoadingContext from "../../contexts/MapLoadingContext";
|
import MapLoadingContext from "../../contexts/MapLoadingContext";
|
||||||
|
|
||||||
function MapLoadingOverlay() {
|
function MapLoadingOverlay() {
|
||||||
@ -36,18 +35,16 @@ function MapLoadingOverlay() {
|
|||||||
<Box
|
<Box
|
||||||
sx={{
|
sx={{
|
||||||
position: "absolute",
|
position: "absolute",
|
||||||
width: "100%",
|
|
||||||
height: "100%",
|
|
||||||
display: "flex",
|
display: "flex",
|
||||||
justifyContent: "center",
|
justifyContent: "center",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
top: 0,
|
left: "8px",
|
||||||
left: 0,
|
bottom: "8px",
|
||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
|
borderRadius: "28px",
|
||||||
}}
|
}}
|
||||||
bg="muted"
|
bg="overlay"
|
||||||
>
|
>
|
||||||
<Spinner />
|
|
||||||
<Progress
|
<Progress
|
||||||
ref={progressBarRef}
|
ref={progressBarRef}
|
||||||
max={1}
|
max={1}
|
||||||
|
Loading…
Reference in New Issue
Block a user