From e199b89c2622bfcaf7f39ec83b88a50e1f1eda7f Mon Sep 17 00:00:00 2001 From: PLN <pln@PLN-THINK-DEB> Date: Wed, 16 Jun 2021 16:38:40 +0200 Subject: [PATCH] feat(NavLinks): Link+responsive size --- components/NavLinks.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/components/NavLinks.js b/components/NavLinks.js index 8525b9d..f2041b1 100644 --- a/components/NavLinks.js +++ b/components/NavLinks.js @@ -16,12 +16,12 @@ function NavLinks({ prev, next }) { let nextText = next != 1 ? "Suivante" : "Retour au début"; return ( <Center p="6" justify="space-between"> - <a href={"/photos/" + prev}> + <Link href={"/photos/" + prev}> <Button as="a" borderRadius="full" colorScheme="gray" - fontSize="xl" + fontSize={["sm", "md", "xl"]} size="lg" mx={2} cursor="pointer" @@ -29,13 +29,13 @@ function NavLinks({ prev, next }) { <Text mr={2}>⟸</Text> <Text>{prevText}</Text> </Button> - </a> - <a href={"/photos/" + next}> + </Link> + <Link href={"/photos/" + next}> <Button as="a" borderRadius="full" colorScheme="gray" - fontSize="xl" + fontSize={["sm", "md", "xl"]} size="lg" mx={2} cursor="pointer" @@ -43,7 +43,7 @@ function NavLinks({ prev, next }) { <Text>{nextText}</Text> <Text ml={2}>⟹</Text> </Button> - </a> + </Link> </Center> ); } -- libgit2 0.27.0