devstack/authorizer
4
0
Fork 0
Code Pull Requests Actions Activity

fix(dashboard): navigation issues

Browse Source
This commit is contained in:
Lakhan Samani
2022-01-17 13:03:28 +05:30
parent f1b4141367
commit a596d91ce0
13 changed files with 320 additions and 270 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
dashboard/src/layouts/AuthLayout.tsx
View File

@@ -1,29 +1,26 @@
import { Box, Center, Flex, Image, Text } from "@chakra-ui/react";
import React from "react";
import { LOGO_URL } from "../constants";
import { Box, Center, Flex, Image, Text } from '@chakra-ui/react';
import React from 'react';
import { LOGO_URL } from '../constants';
export function AuthLayout({ children }: { children: React.ReactNode }) {
return (
<Flex flexWrap="wrap" h="100%">
<Center h="100%" flex="3" bg="blue.500" flexDirection="column">
<Image
src={LOGO_URL}
alt=""
/>
return (
<Flex flexWrap="wrap" h="100%">
<Center h="100%" flex="2" bg="blue.500" flexDirection="column">
<Image src={LOGO_URL} alt="" />
<Text
color="white"
casing="uppercase"
fontSize="3xl"
mt="2"
letterSpacing="2.25px"
>
Authorizer
</Text>
</Center>
<Center h="100%" flex="2">
{children}
</Center>
</Flex>
);
<Text
color="white"
casing="uppercase"
fontSize="3xl"
mt="2"
letterSpacing="2.25px"
>
Authorizer
</Text>
</Center>
<Center h="100%" flex="2">
{children}
</Center>
</Flex>
);
}

24
dashboard/src/layouts/DashboardLayout.tsx
View File

@@ -1,14 +1,16 @@
import { Box, Flex } from "@chakra-ui/react";
import React from "react";
import { Sidebar } from "../components/Sidebar";
import { Box, Flex } from '@chakra-ui/react';
import React from 'react';
import { Sidebar } from '../components/Sidebar';
export function DashboardLayout({ children }: { children: React.ReactNode }) {
return (
<Flex flexWrap="wrap" h="100%">
<Box maxW="72" bg="blue.500" flex="1">
<Sidebar />
</Box>
<Box as="main" flex="2" p="10">{children}</Box>
</Flex>
);
return (
<Flex flexWrap="wrap" h="100%">
<Box w="72" bg="blue.500" flex="1" position="fixed" h="100vh">
<Sidebar />
</Box>
<Box as="main" flex="2" p="10" marginLeft="72">
{children}
</Box>
</Flex>
);
}