latest changes for login page

cornell-dti · Oct 23, 2023 · a690a3b · a690a3b
1 parent 6327401
commit a690a3b
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 11 deletions.
diff --git a/frontend/src/pages/Landing/Design.png b/frontend/src/pages/Landing/Design.png
diff --git a/frontend/src/pages/Landing/Landing.tsx b/frontend/src/pages/Landing/Landing.tsx
@@ -4,6 +4,7 @@ import Footer from './Footer';
 import { logo } from '../../icons/other';
 import dti from './dti.png';
 import slope from './images/Slope.png';
+import ellipse from './images/ellipse.png';
 
 type LandingPropType = {
   students: ReactElement;
@@ -33,9 +34,10 @@ const Landing = ({ students, admins }: LandingPropType) => {
             Terms of Services
           </a>
         </div>
-        <div className={styles.image_container}>
-          <img src={slope} />
-        </div>
+        {/* <div className={styles.image_container}>
+          <img className={styles.image_overlay} src={ellipse} />
+          <img className={styles.image_base} src={slope} />
+        </div> */}
       </div>
 
       <div>

diff --git a/frontend/src/pages/Landing/campus.jpg b/frontend/src/pages/Landing/campus.jpg
diff --git a/frontend/src/pages/Landing/landing-images/bottom-laptop.png b/frontend/src/pages/Landing/landing-images/bottom-laptop.png
diff --git a/frontend/src/pages/Landing/landing-images/iPhone 13 Pro.png b/frontend/src/pages/Landing/landing-images/iPhone 13 Pro.png
diff --git a/frontend/src/pages/Landing/landing-images/top-laptop.png b/frontend/src/pages/Landing/landing-images/top-laptop.png
diff --git a/frontend/src/pages/Landing/landing.module.css b/frontend/src/pages/Landing/landing.module.css
@@ -7,17 +7,24 @@
   text-align: center;
   padding: 0 1.25rem;
 }
-.image_container {
-  margin-top: 900px;
+
+/* .image_container {
   position: relative;
-  bottom: 0px;
-  left: 0px;
+}
+
+.image_overlay {
+  position: absolute;
   width: 100%;
-  height: 0px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  left: 30%;
+  z-index: 1;
 }
+
+.image_base {
+  position: absolute;
+  width: 100%;
+  z-index: 0;
+} */
+
 .main {
   border: 1px solid black;
   border-radius: 16px;