Skip to content

P
Philippe
Commit 526407e3 by PLN Committed by PLN (Algolia)
Options

feat(NavLinks): Link+responsive size

parent ce5718b2
Showing with 6 additions and 6 deletions
components/NavLinks.js
...@@ -16,12 +16,12 @@ function NavLinks({ prev, next }) { ...@@ -16,12 +16,12 @@ function NavLinks({ prev, next }) {
let nextText = next != 1 ? "Suivante" : "Retour au début"; let nextText = next != 1 ? "Suivante" : "Retour au début";
return ( return (
<Center p="6" justify="space-between"> <Center p="6" justify="space-between">
<a href={"/photos/" + prev}> <Link href={"/photos/" + prev}>
<Button <Button
as="a" as="a"
borderRadius="full" borderRadius="full"
colorScheme="gray" colorScheme="gray"
fontSize="xl" fontSize={["sm", "md", "xl"]}
size="lg" size="lg"
mx={2} mx={2}
cursor="pointer" cursor="pointer"
...@@ -29,13 +29,13 @@ function NavLinks({ prev, next }) { ...@@ -29,13 +29,13 @@ function NavLinks({ prev, next }) {
<Text mr={2}>⟸</Text> <Text mr={2}>⟸</Text>
<Text>{prevText}</Text> <Text>{prevText}</Text>
</Button> </Button>
</a> </Link>
<a href={"/photos/" + next}> <Link href={"/photos/" + next}>
<Button <Button
as="a" as="a"
borderRadius="full" borderRadius="full"
colorScheme="gray" colorScheme="gray"
fontSize="xl" fontSize={["sm", "md", "xl"]}
size="lg" size="lg"
mx={2} mx={2}
cursor="pointer" cursor="pointer"
...@@ -43,7 +43,7 @@ function NavLinks({ prev, next }) { ...@@ -43,7 +43,7 @@ function NavLinks({ prev, next }) {
<Text>{nextText}</Text> <Text>{nextText}</Text>
<Text ml={2}>⟹</Text> <Text ml={2}>⟹</Text>
</Button> </Button>
</a> </Link>
</Center> </Center>
); );
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment