From 526407e3ccee970f81926f032462908a7b7518bd 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