🎨 Improve login design (#367)

cesium · Jun 8, 2022 · 5e9ab06 · 5e9ab06
1 parent 5cd335c
commit 5e9ab06
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/pages/login.js b/pages/login.js
@@ -30,6 +30,10 @@ function Login() {
   return (
     <div className="min-h-screen overflow-hidden bg-secondary">
       <Return componentStyle="sm:ml-20 mt-20 sm:mt-20" />
+      <img
+        className="absolute -left-[380px] bottom-0 hidden w-[750px] xl:block"
+        src="/images/mascot-head.png"
+      ></img>
       <div className="mt-10 flex flex-col items-center justify-center sm:mt-40">
         <Title text="Log in" />
         <div className="mt-8">
@@ -78,7 +82,7 @@ function Login() {
           link="Register here"
           href="https://sei22.eventbrite.pt"
         />
-        <div className="absolute bottom-0 right-60 hidden lg:block">
+        <div className="absolute bottom-0 right-60 hidden lg:block xl:hidden">
           <Fade bottom>
             <Card
               img="/images/mascot-footer.svg"

diff --git a/public/images/mascot-footer.svg b/public/images/mascot-footer.svg
diff --git a/public/images/mascot-head.png b/public/images/mascot-head.png