Merge pull request #290 from vaishnavip27/main

Improved the UI of the buttons
Dev-tanay · Jul 22, 2024 · 6311788 · 6311788
2 parents c1f4898 + fe6acc6
commit 6311788
Show file tree

Hide file tree

Showing 2 changed files with 86 additions and 8 deletions.
diff --git a/AboutUs/About.css b/AboutUs/About.css
@@ -192,8 +192,9 @@ body {
 }
 
 .btn:hover {
-  color: rgba(0, 0, 0, 0.5);
+  color: rgb(245, 245, 245);
   transition: color 400ms ease-out;
+  background-color: #541a8be7;
 }
 
 .btn:after {
@@ -204,8 +205,8 @@ body {
   height: 3.5em;
   left: 50%;
   top: 50%;
-  margin-left: -1.75em;
-  margin-top: -1.75em;
+  margin-left: 1.75em;
+  margin-top: 1.75em;
   border-radius: 100%;
 }
 
@@ -214,13 +215,27 @@ body {
   left: 1.2em;
   opacity: 1;
   pointer-events: auto;
+  height: 60px;
+  width: 60px;
+  border-radius: 8px;
+  cursor: pointer;
+  background-color: #541a8b24;
+  padding-left: 11px;
+  padding-top: 9px;
 }
 
 .btn--gh {
   top: 1.2em;
   right: 1.2em;
   opacity: 1;
   pointer-events: auto;
+  height: 60px;
+  width: 60px;
+  border-radius: 8px;
+  cursor: pointer;
+  background-color: #541a8b24;
+  padding-left: 10px;
+  padding-top: 9px;
 }
 
 @media screen and (max-width: 768px) {