1
0
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:
checktheroads
2020-10-07 09:41:58 -07:00
parent 3743f1a4c5
commit 5e61e097a2
73 changed files with 995 additions and 1385 deletions

View File

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