Fixed some issues and color grading

PriyaGhosal · Oct 10, 2024 · 8e4e1fe · 8e4e1fe
1 parent 9b099f1
commit 8e4e1fe
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 12 deletions.
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/BuddyTrail.iml b/.idea/BuddyTrail.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/auth.css b/auth.css
@@ -27,7 +27,7 @@ input {
   left: 0;
 }
 
-.signin-signup {
+.sign-in-signup {
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
@@ -44,7 +44,7 @@ form {
   align-items: center;
   justify-content: center;
   flex-direction: column;
-  padding: 0rem 5rem;
+  padding:  5rem;
   transition: all 0.2s 0.7s;
   overflow: hidden;
   grid-column: 1 / 2;
@@ -246,7 +246,7 @@ form.sign-in-form {
   transform: translateX(-800px);
 }
 
-.container.sign-up-mode .signin-signup {
+.container.sign-up-mode .sign-in-signup {
   left: 25%;
 }
 
@@ -316,15 +316,15 @@ form.sign-in-form {
     min-height: 800px;
     height: 100vh;
   }
-  .signin-signup {
+  .sign-in-signup {
     width: 100%;
     top: 95%;
     transform: translate(-50%, -100%);
     transition: 1s 0.8s ease-in-out;
   }
 
-  .signin-signup,
-  .container.sign-up-mode .signin-signup {
+  .sign-in-signup,
+  .container.sign-up-mode .sign-in-signup {
     left: 50%;
   }
 
@@ -408,7 +408,7 @@ form.sign-in-form {
     transform: translateY(300px);
   }
 
-  .container.sign-up-mode .signin-signup {
+  .container.sign-up-mode .sign-in-signup {
     top: 5%;
     transform: translate(-50%, 0);
   }
@@ -445,7 +445,7 @@ form.sign-in-form {
   top: 20px;
   left: 20px;
   background: #ffffff;
-  color: #ffffff;
+  color: #000000;
   padding: 10px;
   border-radius: 10px;
   cursor: pointer;

diff --git a/auth.html b/auth.html
@@ -10,7 +10,7 @@
   <body>
     <div class="container">
       <div class="forms-container">
-        <div class="signin-signup">
+        <div class="sign-in-signup">
           <form action="#" class="sign-in-form">
             <h2 class="title">Sign in</h2>
             <div class="input-field">
@@ -19,8 +19,8 @@ <h2 class="title">Sign in</h2>
             </div>
             <div class="input-field">
               <i class="fas fa-lock"></i>
-              <input type="password" placeholder="Password" id="signin-password" />
-              <i class="fas fa-eye password-toggle" onclick="togglePassword('signin-password', this)"></i>
+              <input type="password" placeholder="Password" id="sign-in-password" />
+              <i class="fas fa-eye password-toggle" onclick="togglePassword('sign-in-password', this)"></i>
             </div>
             <input type="submit" value="Login" class="btn solid" />
             <p class="social-text">Or Sign in with social platforms</p>

diff --git a/index.html b/index.html
@@ -138,7 +138,7 @@
         right: 50%;
         transform: translateX(50%);
         background-color: #333; /* Background color for tooltip */
-        color: #fff; /* Tooltip text color */
+        color: #f3f1f1; /* Tooltip text color */
         padding: 5px;
         border-radius: 5px;
         white-space: nowrap; /* Prevent text from wrapping */