mirror of
https://github.com/checktheroads/hyperglass
synced 2024-05-11 05:55:08 +00:00
JS style updates [skip ci]
This commit is contained in:
@@ -1,18 +1,17 @@
|
||||
import * as React from "react";
|
||||
import { Flex, Spinner, useColorMode } from "@chakra-ui/core";
|
||||
import * as React from 'react';
|
||||
import { Flex, Spinner, useColorMode } from '@chakra-ui/core';
|
||||
|
||||
export const Loading = () => {
|
||||
const { colorMode } = useColorMode();
|
||||
const bg = { light: "white", dark: "black" };
|
||||
const color = { light: "black", dark: "white" };
|
||||
const bg = { light: 'white', dark: 'black' };
|
||||
const color = { light: 'black', dark: 'white' };
|
||||
return (
|
||||
<Flex
|
||||
flexDirection="column"
|
||||
minHeight="100vh"
|
||||
w="100%"
|
||||
bg={bg[colorMode]}
|
||||
color={color[colorMode]}
|
||||
>
|
||||
color={color[colorMode]}>
|
||||
<Flex
|
||||
as="main"
|
||||
w="100%"
|
||||
@@ -25,8 +24,7 @@ export const Loading = () => {
|
||||
flexDirection="column"
|
||||
px={2}
|
||||
py={0}
|
||||
mt={["50%", "50%", "50%", "25%"]}
|
||||
>
|
||||
mt={['50%', '50%', '50%', '25%']}>
|
||||
<Spinner color="primary.500" w="6rem" h="6rem" />
|
||||
</Flex>
|
||||
</Flex>
|
||||
|
Reference in New Issue
Block a user