Moved map loading overlay to be full screen width

2020-11-27 11:37:15 +11:00
parent 56efa39c41
commit 309870247b
3 changed files with 7 additions and 7 deletions
--- a/src/components/map/MapLoadingOverlay.js
+++ b/src/components/map/MapLoadingOverlay.js
@@ -38,10 +38,10 @@ function MapLoadingOverlay() {
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
-          left: "8px",
-          bottom: "8px",
+          top: 0,
+          left: 0,
+          right: 0,
          flexDirection: "column",
-          borderRadius: "28px",
          zIndex: 2,
        }}
        bg="overlay"
@@ -50,8 +50,8 @@ function MapLoadingOverlay() {
          ref={progressBarRef}
          max={1}
          value={0}
-          m={2}
-          sx={{ width: "32px" }}
+          m={0}
+          sx={{ width: "100%", borderRadius: 0 }}
        />
      </Box>
    )