kopia lustrzana https://github.com/bugout-dev/moonstream
Merge pull request #679 from bugout-dev/landing-page-redesign
Fixed cropping issue on iphone size.pull/681/head
commit
ddd70cb451
|
@ -36,6 +36,7 @@ const Contact = () => {
|
||||||
mb={8}
|
mb={8}
|
||||||
minHeight="100vh"
|
minHeight="100vh"
|
||||||
textColor="black"
|
textColor="black"
|
||||||
|
position="relative"
|
||||||
>
|
>
|
||||||
<Icon
|
<Icon
|
||||||
as={BiArrowBack}
|
as={BiArrowBack}
|
||||||
|
@ -56,9 +57,9 @@ const Contact = () => {
|
||||||
fontSize={["md", "lg", "xl"]}
|
fontSize={["md", "lg", "xl"]}
|
||||||
textAlign="center"
|
textAlign="center"
|
||||||
>
|
>
|
||||||
Thanks for your interest in Moonstream.
|
Thanks for your interest in Moonstream. Our tools are fully
|
||||||
<br />
|
customized to your project. <br /> Please answer these questions
|
||||||
Please answer some questions to help us get acquainted with you.
|
to get started:
|
||||||
</Text>
|
</Text>
|
||||||
</VStack>
|
</VStack>
|
||||||
</Center>
|
</Center>
|
||||||
|
|
|
@ -112,12 +112,12 @@ const Homepage = () => {
|
||||||
borderWidth={"1px"}
|
borderWidth={"1px"}
|
||||||
_hover={{ transform: "scale(1.05)", transition: "0.42s" }}
|
_hover={{ transform: "scale(1.05)", transition: "0.42s" }}
|
||||||
cursor="pointer"
|
cursor="pointer"
|
||||||
m={[2, 3, 3, 4, 8, 12]}
|
m={2}
|
||||||
minW={["155px", "180px", "200px", "240px"]}
|
minW={["120px", "120px", "200px", "240px"]}
|
||||||
h={["200px", "300px"]}
|
h={["200px", "200px", "300px"]}
|
||||||
>
|
>
|
||||||
<ChakraImage
|
<ChakraImage
|
||||||
boxSize={["120px", "200px", null]}
|
boxSize={["120px", "120px", "200px", null]}
|
||||||
objectFit="contain"
|
objectFit="contain"
|
||||||
src={image}
|
src={image}
|
||||||
alt={altText}
|
alt={altText}
|
||||||
|
@ -289,9 +289,9 @@ const Homepage = () => {
|
||||||
]}
|
]}
|
||||||
fontSize={["sm", "md"]}
|
fontSize={["sm", "md"]}
|
||||||
>
|
>
|
||||||
transaction volume.
|
transaction volume
|
||||||
<br />
|
<br />
|
||||||
And growing
|
and growing
|
||||||
</Text>
|
</Text>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Flex>
|
</Flex>
|
||||||
|
@ -509,7 +509,6 @@ const Homepage = () => {
|
||||||
justifyContent={["flex-end", "flex-end", "center"]}
|
justifyContent={["flex-end", "flex-end", "center"]}
|
||||||
w="100%"
|
w="100%"
|
||||||
spacing={["0px", "40px"]}
|
spacing={["0px", "40px"]}
|
||||||
mx={[-1, -2, -4]}
|
|
||||||
paddingTop="20px"
|
paddingTop="20px"
|
||||||
>
|
>
|
||||||
<Feature
|
<Feature
|
||||||
|
|
Ładowanie…
Reference in New Issue