Merge pull request #36 from javaistic/next-prev-link

arghyaxcodes · web-flow · commit 50bc180a0d5e · 2021-11-27T17:12:05.000+05:30
Update ContentsLayout.js
diff --git a/src/layouts/ContentsLayout.js b/src/layouts/ContentsLayout.js
@@ -191,20 +191,20 @@ export function ContentsLayout({ children, meta, classes, tableOfContents }) {
           <div className="mt-16 flex leading-6 font-medium">
             {prev && (
               <Link href={prev.href}>
-                <a className="flex mr-8 transition-colors duration-200 hover:text-gray-900">
+                <a className="flex mr-8 px-2 py-1 border-2 border-blue-500 rounded-md hover:shadow-md transition-colors duration-200 hover:text-gray-900">
                   <span aria-hidden="true" className="mr-2">
-                    ←
+                    &larr;
                   </span>
                   {prev.shortTitle || prev.title}
                 </a>
               </Link>
             )}
             {next && (
               <Link href={next.href}>
-                <a className="flex text-right ml-auto transition-colors duration-200 hover:text-gray-900">
+                <a className="flex text-right ml-auto px-2 py-1 border-2 border-blue-500 rounded-md hover:shadow-md transition-colors duration-200 hover:text-gray-900">
                   {next.shortTitle || next.title}
                   <span aria-hidden="true" className="ml-2">
-                    →
+                    &rarr;
                   </span>
                 </a>
               </Link>
