From 76d9e8ed707d51c948d3b57b3014c652d8f2bb25 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C3=A3o=20Lobo?= <joao@lobo.is>
Date: Mon, 5 Feb 2024 02:19:31 +0000
Subject: [PATCH] feat: remove mascot from login and signup pages

---
 layout/Login/Login.tsx   | 12 ------------
 layout/SignUp/SignUp.tsx | 13 +------------
 2 files changed, 1 insertion(+), 24 deletions(-)

diff --git a/layout/Login/Login.tsx b/layout/Login/Login.tsx
index 012ef8f8..43f1fc2c 100644
--- a/layout/Login/Login.tsx
+++ b/layout/Login/Login.tsx
@@ -41,18 +41,6 @@ function Login() {
           link="Register here"
           href="/signup"
         />
-        <div className="absolute bottom-0 right-60 hidden lg:block xl:hidden">
-          <Motion.div
-            initial={{ opacity: 0 }}
-            animate={{ y: -15, opacity: 1 }}
-            transition={{ duration: 1 }}
-          >
-            <Card img="/images/void.svg" alt="MascotFooter" inverted={false}>
-              Just really awesome people here. Please login and prepare to be
-              amazed. 🔮
-            </Card>
-          </Motion.div>
-        </div>
       </div>
     </div>
   );
diff --git a/layout/SignUp/SignUp.tsx b/layout/SignUp/SignUp.tsx
index b206286d..07a25f49 100644
--- a/layout/SignUp/SignUp.tsx
+++ b/layout/SignUp/SignUp.tsx
@@ -27,21 +27,10 @@ function Signup() {
   return (
     <div className="min-h-screen select-none overflow-hidden bg-secondary">
       <Return componentStyle="sm:ml-14 mt-10 sm:mt-20 mb-6" />
-      <div className="flex flex-col items-center justify-center sm:mt-16">
+      <div className="mb-4 flex flex-col items-center justify-center sm:mt-16">
         <Title text="Sign up" />
         <SignUpForm courses={courses} />
         <Text text="Already have an account?" link="Login here" href="/login" />
-        <div className="fixed bottom-0 right-60 hidden lg:block">
-          <Motion.div
-            initial={{ y: 30, opacity: 0 }}
-            animate={{ y: 0, opacity: 1 }}
-            transition={{ duration: 1 }}
-          >
-            <Card img="/images/void.svg" alt="MascotFooter" inverted={false}>
-              Very restricted area. You just need to fill the form.
-            </Card>
-          </Motion.div>
-        </div>
       </div>
     </div>
   );