login ui revamp

rishi2019194 · Nov 20, 2023 · 69bd1bd · 69bd1bd
1 parent 840628b
commit 69bd1bd
Show file tree

Hide file tree

Showing 4 changed files with 30 additions and 4 deletions.
diff --git a/application.py b/application.py
@@ -1,6 +1,5 @@
 from datetime import datetime, timedelta
 import credentials as c
-
 import bcrypt
 import smtplib
 import re

diff --git a/static/img/pexels-rfstudio-3820441.jpg b/static/img/pexels-rfstudio-3820441.jpg
diff --git a/static/main.css b/static/main.css
@@ -43,9 +43,33 @@
       padding: 10px 20px;
       border: 1px solid #dddddd;
       border-radius: 3px;
-      margin-bottom: 20px;
+      width: 50%;
+      margin: auto;
+      position: relative;
+      top: 250px;
+      border-radius: 1%;
+      bottom: 250px;
+      box-shadow: 10px 10px 5px lightblue;
+    }
+
+
+    .sign-in-div {
+      position: relative;
+      top: 653px;
+      display: flex;
+      width: 50%;
+      margin: auto;
+    }
+    .login-img-div {
+      z-index: -999;
+      display: block;
+      position: absolute;
+      top: 25px;
+    }
+    .login-img {
+      width: 653px;
+      padding: unset;
     }
-
 
     .account-img {
       height: 125px;

diff --git a/templates/login.html b/templates/login.html
@@ -40,7 +40,10 @@
             </small>
         </form>
     </div>
-    <div class="border-top pt-3">
+    <!-- <div class="login-img-div">
+        <img src="../static/img/pexels-rfstudio-3820441.jpg" class="login-img">
+    </div>  -->   
+    <div class="sign-in-div border-top pt-3">
         <small class="text-muted">
             Need An Account? <a class="ml-2" href="{{ url_for('register') }}">Sign Up Now</a>
         </small>