Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Moved map data overlay to not take up the full screen

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-07-13 21:53:40 +10:00
parent ac42aaf0f5
commit 2c2cb29fa2
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/map/MapLoadingOverlay.js
View File

@ -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}