mirrors/thatmattlove-hyperglass
1
0
Fork 1
mirror of https://github.com/thatmattlove/hyperglass.git synced 2026-01-17 08:48:05 +00:00
Code Issues Activity

fix debugger component positioning

Browse source
This commit is contained in:
checktheroads 2020-01-21 17:39:34 -07:00
parent 446cf624b8
commit dee6f190b1
2 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
ui/components/Debugger.js
View file

@ -24,7 +24,7 @@ const Debugger = () => {
const { isOpen: themeOpen, onOpen: onThemeOpen, onClose: themeClose } = useDisclosure();
const config = useConfig();
const theme = useTheme();
const bg = { light: "white", dark: "white" };
const bg = { light: "white", dark: "black" };
const color = { light: "black", dark: "white" };
const { colorMode } = useColorMode();
const { mediaSize } = useMedia();
@ -38,11 +38,13 @@ const Debugger = () => {
mx={-4}
px={4}
isInline
position="fixed"
bottom="10%"
// position="fixed"
position="relative"
// bottom="10%"
left={0}
right={0}
justifyContent="center"
zIndex={1000}
>
<Tag variantColor="gray">{colorMode.toUpperCase()}</Tag>
<Tag variantColor="teal">{prettyMediaSize[mediaSize]}</Tag>

2
ui/components/Layout.js
View file

@ -83,7 +83,6 @@ const Layout = () => {
)}
</AnimatePresence>
</Flex>
{config.general.debug && <Debugger />}
<Footer
general={config.general}
content={config.content}
@ -92,6 +91,7 @@ const Layout = () => {
credit={config.branding.credit}
extLink={config.branding.external_link}
/>
{config.general.debug && <Debugger />}
</Flex>
</>
);