Merge pull request #530 from Anju-Narnolia/icons

styling of icons
PriyaGhosal · Oct 12, 2024 · 763a99b · 763a99b
2 parents 3aee48f + 6ce559d
commit 763a99b
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/auth.css b/auth.css
@@ -123,17 +123,24 @@ form.sign-in-form {
   justify-content: center;
   align-items: center;
   margin: 0 0.45rem;
-  color: #333;
+  color: rgb(204, 195, 195);
+  background-color: #2b2b2b;
   border-radius: 50%;
-  border: 1px solid #333;
+  border: 1px solid #282828;
   text-decoration: none;
-  font-size: 1.1rem;
+  font-size: 1.5rem;
   transition: 0.3s;
 }
 
-.social-icon:hover {
-  color: #0b3174;
-  border-color: #000000;
+#github:hover {
+  color: white ;
+  border-color: white;
+  background-color: black;
+}
+#google:hover {
+  color:  #EA4335;
+  background-color: black;
+  border-color: white;
 }
 
 .btn {

diff --git a/auth.html b/auth.html
@@ -25,10 +25,10 @@ <h2 class="title">Sign in</h2>
             <input type="submit" value="Login" class="btn solid" />
             <p class="social-text">Or Sign in with social platforms</p>
             <div class="social-media">
-              <a href="https://www.google.com" target="_blank" class="social-icon">
+              <a href="https://www.google.com" target="_blank" class="social-icon" id="google">
                 <i class="fab fa-google"></i>
               </a>
-              <a href="https://github.com" target="_blank" class="social-icon">
+              <a href="https://github.com" target="_blank" class="social-icon" id="github">
                 <i class="fab fa-github"></i>
               </a>
             </div>