ui fixes and readme

kiranbkulkarni · Dec 29, 2020 · 2d9f1e7 · 2d9f1e7
1 parent b6acc3d
commit 2d9f1e7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -1,24 +1,19 @@
 <h2 align="center">
   Portfolio Website - v2.0<br/>
-  <a href="" target="_blank">soumyajit.vercel.app</a>
+  <a href="https://soumyajit.vercel.app/" target="_blank">soumyajit.vercel.app</a>
 </h2>
 <div align="center">
   <img alt="Demo" src="./Images/readme-img.png" />
 </div>
 
 <br/>
 
-#### My personal portfolio <a href="" target="_blank">soumyajit.vercel.app</a> built with **React.js** and hosted with **Vercel**. It aslo uses a Node.JS RESTful API backend for some additional features.
-
-<br/>
+My personal portfolio <a href="https://soumyajit.vercel.app/" target="_blank">soumyajit.vercel.app</a> built with **React.js** and hosted with **Vercel**. It aslo uses a Node.JS RESTful API backend for some additional features.
 
 ### TL;DR
 
-#### This site is not developed for the purpose of being used as a template.
-
-#### You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [Soumyajit4419](https://github.com/soumyajit4419/Portfolio). Thanks!
-
-<br/>
+This site is not developed for the purpose of being used as a template.<br/>
+You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to [Soumyajit4419](https://github.com/soumyajit4419/Portfolio). Thanks!
 
 ### 🛠 Installation and Setup Instructions
 

diff --git a/src/components/LikeBtn.js b/src/components/LikeBtn.js
@@ -46,7 +46,7 @@ function Like() {
   return (
     <Nav.Item className="like-item">
       <Button className="like-btn" onClick={clickHandler} disabled={btnState}>
-        <i className="far fa-heart" style={{ color: "white" }}></i> {numLike}
+        <i className="far fa-heart" style={{ color: "#fb6fcd" }}></i> {numLike}
       </Button>
     </Nav.Item>
   );

diff --git a/src/style.css b/src/style.css
@@ -672,17 +672,14 @@
 }
 
 .like-btn {
-  background-image: linear-gradient(
-      to right,
-      #9e58dfcc 0%rgba (156, 48, 218, 0.678) da 100%
-    ),
-    radial-gradient(circle at top left, #ae57d6b7, #9b45c3b2) !important;
+  background-color: #9535e450 !important;
+  border-color: #9535e450 !important;
   padding: 0.35rem 0.78rem !important;
   border-radius: 5px !important;
   border: 2px transparent !important;
 }
 
 .like-btn:hover {
-  background-color: #af62eec4 !important;
-  border-color: #ae5af3ca !important;
+  background-color: #a35dd169 !important;
+  border-color: #a35dd169 !important;
 }