Update Hero.jsx

FIxes this open issue To add the Hover Effect FOSS-Community#191
iamrishabhmehrotra · Jul 17, 2023 · 5c78688 · 5c78688
1 parent 8e92f8e
commit 5c78688
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -68,7 +68,7 @@ function Hero() {
               />
             </div>
             <div class="sm:space-x-4 space-x-0 flex flex-col items-center sm:flex-row sm:justify-center">
-              <button className="bg-[#0dff1c] w-[190px] h-[60px]  rounded-md font-medium my-4 py-3 text-black">
+              <button className="hover:bg-green-800 bg-[#0dff1c] w-[190px] h-[60px]  rounded-md font-medium my-4 py-3 text-black">
                 <a
                   href="https://docs.google.com/forms/d/e/1FAIpQLScXC6WhL-tIYUXqeqsJM4Dmp3SzW3HDTw0Em06aV2zll_QcrA/viewform"
                   target="_blank"
@@ -77,7 +77,7 @@ function Hero() {
                   Join Us 🤝
                 </a>
               </button>
-              <button className="bg-[#0dff1c] w-[190px] h-[60px] rounded-md font-medium my-4 py-3 text-black">
+              <button className="hover:bg-green-800 bg-[#0dff1c] w-[190px] h-[60px] rounded-md font-medium my-4 py-3 text-black">
                 <a
                   href="https://cal.com/fosscu/"
                   target="_blank"