fixed project page design

2026-04-16 11:55:31 +02:00
parent 2bf8bae473
commit 15f39c4cb2
6 changed files with 71 additions and 62 deletions
@@ -1,18 +1,21 @@
+import { GoLinkExternal } from "react-icons/go";
+
 type VisitButtonProps = {
-  href: string;
+	href: string;
 };

 export function ProjectVisitButton({ href }: VisitButtonProps) {
-  return (
-    <div className="flex justify-center">
-      <a
-        href={href}
-        target="_blank"
-        rel="noreferrer"
-        className="rounded-full bg-[#2b160f] px-4 py-2 text-white text-sm"
-      >
-        Visiter le site
-      </a>
-    </div>
-  );
+	return (
+		<div className="flex justify-center">
+			<a
+				href={href}
+				target="_blank"
+				rel="noreferrer"
+				className="rounded-[10px] border border-brand-brown px-6 py-4 text-brand-brown text-base flex flex-row justify-center items-center gap-2"
+			>
+				Visiter le site
+				<GoLinkExternal className="text-xl" />
+			</a>
+		</div>
+	);
 }