begin implementing game file upload and also styling

1 files changed, 15 insertions, 0 deletions

diff --git a/app/javascript/components/Button.jsx b/app/javascript/components/Button.jsx
new file mode 100644
index 0000000..f9505f8
--- /dev/null
+++ b/app/javascript/components/Button.jsx
@@ -0,0 +1,15 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+export default function Button ({ link }) 
+{
+	return (
+		<>
+		<div className="animated_card w-36 h-16 relative grid rounded-[5px] cursor-pointer overflow-hidden place-items-center before:content-[''] before:absolute before:w-[15%] before:bg-amber-400 before:rotate-[32deg] before:h-[1%] before:transition-all before:duration-500 before:ease-linear before:animate-[buttonSpin_1.5s_linear_infinite] hover:before:h-[2800%] hover:before:transition-all hover:before:duration-0 hover:before:ease-linear after:absolute after:content-[''] after:bg-stone-800 after:rounded-[5px] after:inset-0 after:transition-all after:duration-200 after:ease-in-out hover:after:inset-[5px] hover:after:transition-all hover:after:duration-200 hover:after:ease-in-out">
+			<div className="z-[3]">
+				{ link }
+			</div>
+		</div>
+		</>
+	)
+};