Merge pull request #189 from nabarvn/fix/issue-177

style: align the contributor card layout

Author: max-programming

components/ContributorCard.tsx

@@ -31,7 +31,7 @@ export default function ContributorCard({ contributor }: Props) {
         target="_blank"
         rel="noreferrer"
       >
-        <figure className="px-10 pt-10">
+        <figure className="px-10 pt-10 h-[351px] md:h-[336px] lg:h-[204px] xl:h-[268px]">
           <img src={url} alt={contributor.name} className="rounded-xl" />
         </figure>
       </a>
@@ -43,9 +43,9 @@ export default function ContributorCard({ contributor }: Props) {
         >
           {contributor.profile}
         </a>
-        <div className="justify-center card-actions">
+        <div className="justify-center card-actions mt-auto">
           <a
-            className="text-white btn border-[#dbe8d9] hover:border-[#dbe8d9] btn-outline border-2 hover:bg-[#dbe8d9]"
+            className="text-white btn border-[#dbe8d9] hover:border-[#dbe8d9] btn-outline border-2 hover:bg-[#dbe8d9] hover:text-slate-900"
             href={`https://github.com/${contributor.login}`}
             target="_blank"
             rel="noreferrer"

components/Hero.tsx

@@ -46,7 +46,7 @@ function Hero() {
               />
               <button
                 type="submit"
-                className="btn btn-square rounded-tl-none rounded-bl-none bg-transparent border-2023-manga-3 hover:bg-2023-manga-2 hover:text-2023-void-2 hover:border-2023-manga-2"
+                className="group btn btn-square rounded-tl-none rounded-bl-none bg-transparent border-2023-manga-3 hover:bg-2023-manga-2 hover:text-2023-void-2 hover:border-2023-manga-2"
               >
                 <SearchIcon />
               </button>
@@ -92,7 +92,7 @@ function Hero() {
 
 const SearchIcon = () => (
   <svg
-    className="w-6 h-6"
+    className="w-6 h-6 group-hover:stroke-2023-bavarian-gold-3"
     fill="none"
     stroke="white"
     viewBox="0 0 24 24"