mirror
/
moonstream
kopia lustrzana https://github.com/bugout-dev/moonstream
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

layout

pull/743/head
Anton Mushnin 2022-12-20 18:15:17 +03:00
rodzic 17672bf552
commit 470b5dff74
3 zmienionych plików z 25 dodań i 48 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

49
frontend/pages/index.js
Wyświetl plik

@ -138,13 +138,15 @@ const Homepage = () => {
id="page:landing" id="page:landing"
bgColor={BACKGROUND_COLOR} bgColor={BACKGROUND_COLOR}
textColor="white" textColor="white"
px="7%"
> >
<Flex <Flex
direction="column" direction="column"
h="auto" h="auto"
position="relative" position="relative"
w="100%" maxW="1238px"
overflow="initial" overflow="initial"
mx="auto"
pt={0} pt={0}
> >
<Suspense fallback={""}></Suspense> <Suspense fallback={""}></Suspense>
@ -166,17 +168,12 @@ const Homepage = () => {
align="center" align="center"
justify="center" justify="center"
boxSize="full" boxSize="full"
pt={["90px", "142px"]} pt={["130px", "152px"]}
pb={10} pb={10}
px="5%" px="5%"
flexDir="column" flexDir="column"
> >
<Stack <Stack textAlign="center" alignItems="center" w="100%">
textAlign="center"
alignItems="center"
maxW={["1620px", null, null, null, "1620px", "2222px"]}
w="100%"
>
<Link <Link
mb="60px" mb="60px"
isExternal isExternal
@ -222,6 +219,7 @@ const Homepage = () => {
"row", "row",
]} ]}
pb={10} pb={10}
fontSize={["16px", "16px", "20px"]}
> >
<Center> <Center>
<Button <Button
@ -336,12 +334,7 @@ const Homepage = () => {
</chakra.header> </chakra.header>
</GridItem> </GridItem>
<GridItem <GridItem py={(4, 8)} colSpan="12" bgColor={BACKGROUND_COLOR}>
px={["5%", null, "12%", "15%"]}
py={(4, 8)}
colSpan="12"
bgColor={BACKGROUND_COLOR}
>
<VStack <VStack
bgColor="white" bgColor="white"
rounded="3xl" rounded="3xl"
@ -478,7 +471,6 @@ const Homepage = () => {
</VStack> </VStack>
</GridItem> </GridItem>
<GridItem <GridItem
px={["5%", null, "12%", "15%"]}
colSpan="12" colSpan="12"
pt={12} pt={12}
bgColor={BACKGROUND_COLOR} bgColor={BACKGROUND_COLOR}
@ -581,12 +573,7 @@ const Homepage = () => {
</Stack> </Stack>
</Center> </Center>
</GridItem> </GridItem>
<GridItem <GridItem py={[4, 10]} colSpan="12" bgColor={BACKGROUND_COLOR}>
px={["7%", null, "12%", "15%"]}
py={[4, 10]}
colSpan="12"
bgColor={BACKGROUND_COLOR}
>
<Heading <Heading
{...HEADING_PROPS} {...HEADING_PROPS}
textAlign="center" textAlign="center"
@ -599,7 +586,7 @@ const Homepage = () => {
textAlign="center" textAlign="center"
direction={["column", "column", "row"]} direction={["column", "column", "row"]}
> >
<VStack alignItems="center" px={4} py={4}> <VStack alignItems="center" pr={4} py={4}>
<Flex mb={5}> <Flex mb={5}>
<Heading <Heading
as="h3" as="h3"
@ -664,7 +651,7 @@ const Homepage = () => {
</chakra.span> </chakra.span>
</Flex> </Flex>
</VStack> </VStack>
<VStack alignItems="center" px={4} py={4}> <VStack alignItems="center" pl={4} py={4}>
<Center <Center
mb={5} mb={5}
w="100%" w="100%"
@ -709,12 +696,7 @@ const Homepage = () => {
</Text> </Text>
</Center> </Center>
</GridItem> </GridItem>
<GridItem <GridItem py={[4, 10]} colSpan="12" bgColor={BACKGROUND_COLOR}>
px={["5%", null, "12%", "15%"]}
py={[4, 10]}
colSpan="12"
bgColor={BACKGROUND_COLOR}
>
<Heading {...HEADING_PROPS} textAlign="center" as="h2" pb={10}> <Heading {...HEADING_PROPS} textAlign="center" as="h2" pb={10}>
FAQ FAQ
</Heading> </Heading>
@ -911,7 +893,6 @@ const Homepage = () => {
</Accordion> </Accordion>
</GridItem> </GridItem>
<GridItem <GridItem
px="7%"
py={10} py={10}
colSpan="12" colSpan="12"
bgColor={BACKGROUND_COLOR} bgColor={BACKGROUND_COLOR}
@ -981,13 +962,7 @@ const Homepage = () => {
</Flex> </Flex>
</Center> </Center>
</GridItem> </GridItem>
<GridItem <GridItem pt={10} pb={20} colSpan="12" bgColor={BACKGROUND_COLOR}>
px="7%"
pt={10}
pb={20}
colSpan="12"
bgColor={BACKGROUND_COLOR}
>
<Stack <Stack
direction={["column", "column", "row"]} direction={["column", "column", "row"]}
alignItems="center" alignItems="center"

12
frontend/src/components/Footer.js
Wyświetl plik

@ -66,8 +66,10 @@ const Footer = () => {
borderTop="1px" borderTop="1px"
borderColor="white" borderColor="white"
px="7%" px="7%"
// maxW="1238px"
mx="auto"
> >
<Container as={Stack} maxW={"8xl"} py={10}> <Container as={Stack} py={10} px="0px" maxW="1238px">
<Flex direction={["column", "column", "row"]}> <Flex direction={["column", "column", "row"]}>
<Stack spacing={6}> <Stack spacing={6}>
<Box pb={ui.isMobileView ? "40px" : "0px"}> <Box pb={ui.isMobileView ? "40px" : "0px"}>
@ -95,7 +97,11 @@ const Footer = () => {
)} )}
</Stack> </Stack>
<Spacer /> <Spacer />
<Flex direction="column" pb={ui.isMobileView ? "40px" : "0px"}> <Flex
direction="column"
pb={ui.isMobileView ? "40px" : "0px"}
ml={["0px", "0px", "5vw", "100px"]}
>
<Text fontWeight="semibold" mb="20px"> <Text fontWeight="semibold" mb="20px">
Follow Us Follow Us
</Text> </Text>
@ -143,7 +149,7 @@ const Footer = () => {
{Object.values(SITEMAP).map((category, colIndex) => { {Object.values(SITEMAP).map((category, colIndex) => {
return ( return (
<Stack <Stack
ml={["0px", "0px", "100px"]} ml={["0px", "0px", "5vw", "100px"]}
align={"flex-start"} align={"flex-start"}
key={`footer-list-column-${colIndex}`} key={`footer-list-column-${colIndex}`}
> >

12
frontend/src/components/LandingNavbar.js
Wyświetl plik

@ -31,14 +31,10 @@ const LandingNavbar = () => {
<> <>
{ui.isMobileView && <LandingBarMobile />} {ui.isMobileView && <LandingBarMobile />}
{!ui.isMobileView && ( {!ui.isMobileView && (
<> <Flex px="7%" w="100%" justifyContent="space-between">
<Flex <Flex
pl={ui.isMobileView ? 2 : "60px"}
justifySelf="flex-start" justifySelf="flex-start"
h={ui.isMobileView && !ui.isAppView ? "89px" : "72px"}
py={1} py={1}
flexBasis="200px"
flexGrow={0.6}
id="Logo Container" id="Logo Container"
alignItems="center" alignItems="center"
> >
@ -52,7 +48,7 @@ const LandingNavbar = () => {
/> />
</RouterLink> </RouterLink>
</Flex> </Flex>
<ButtonGroup variant="link" spacing={4} pr={16} flexGrow={0.5}> <ButtonGroup variant="link" spacing={4}>
{SITEMAP.map((item, idx) => { {SITEMAP.map((item, idx) => {
return ( return (
<React.Fragment key={`Fragment-${idx}`}> <React.Fragment key={`Fragment-${idx}`}>
@ -128,7 +124,7 @@ const LandingNavbar = () => {
); );
})} })}
</ButtonGroup> </ButtonGroup>
<ButtonGroup variant="link" spacing={4} pr={16}> <ButtonGroup variant="link" spacing={4} minW="160px">
{ui.isLoggedIn && ( {ui.isLoggedIn && (
<RouterLink href="/welcome" passHref> <RouterLink href="/welcome" passHref>
<Box <Box
@ -180,7 +176,7 @@ const LandingNavbar = () => {
<ChakraAccountIconButton variant="link" colorScheme="orange" /> <ChakraAccountIconButton variant="link" colorScheme="orange" />
)} )}
</ButtonGroup> </ButtonGroup>
</> </Flex>
)} )}
</> </>
); );