From fc91502231cf3453fcc60a11d38be42f05c19d5a Mon Sep 17 00:00:00 2001
From: kj1352 <nikhilkj24@gmail.com>
Date: Sat, 13 Nov 2021 00:59:31 +0530
Subject: [PATCH] implemented input holder in login page

---
 src/app/login/login.component.html |  4 ++--
 src/app/login/login.component.scss | 36 +-----------------------------
 2 files changed, 3 insertions(+), 37 deletions(-)

diff --git a/src/app/login/login.component.html b/src/app/login/login.component.html
index a427a69..1a0cb69 100644
--- a/src/app/login/login.component.html
+++ b/src/app/login/login.component.html
@@ -7,13 +7,13 @@
         <h2> Login </h2>
 
         <div class="input-holder">
+            <input type="email" placeholder="johndoe@mail.com">
             <label> Email ID </label>
-            <input type="email">
         </div>
 
         <div class="input-holder">
+            <input type="password" placeholder="Do not share password with others">
             <label> Password </label>
-            <input type="password">
         </div>
 
         <div class="other-actions">
diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
index ba6fc7e..31d914d 100644
--- a/src/app/login/login.component.scss
+++ b/src/app/login/login.component.scss
@@ -45,41 +45,7 @@
         font-size: 6rem;
         margin: 4rem 0;
     }
-
-    .input-holder {
-        position: relative;
-        margin: 2rem 0;
-
-        input {
-            background-color: white;
-            border: 1px solid var(--border-grey);
-            border-radius: 4rem;
-            overflow: hidden;
-            height: 5rem;
-            padding: 0 2rem 0 10rem;
-            width: 100%;
-            display: block;
-            color: var(--dark-grey);
-            font-size: 1.5rem;
-            transition: border-color 0.3s;
-            
-            &:focus {
-                border-color: var(--dark-grey);
-            }
-        }
-
-        label {
-            font-size: 1.5rem;
-            color: var(--dark-grey);
-            opacity: 0.7;
-            font-weight: 300;
-            letter-spacing: 0.05rem;
-            position: absolute;
-            left: 2rem;
-            top: 1.5rem;
-        }
-    }
-
+    
     .other-actions {
         display: flex;
         align-items: center;