Skip to content

Commit

Permalink
refactor(card): remove title and add a colorful bar in bottom
Browse files Browse the repository at this point in the history
  • Loading branch information
datsfilipe committed Jan 3, 2024
1 parent fac7f29 commit dcedec6
Showing 1 changed file with 3 additions and 7 deletions.
10 changes: 3 additions & 7 deletions src/components/Card.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -30,15 +30,10 @@ export default function Card ({ repo }: CardProps): ReactElement {
const author = repo.url.split('/')[3]

return (
<div className="flex flex-col space-y-4 pb-10">
<a href={repo.url} target="_blank" rel="noopener noreferrer">
<h3
className="text-md font-bold bg-stone-600 w-fit px-4 py-2"
>{repo.name}</h3>
</a>
<div className="flex flex-col space-y-4">
<a href={repo.homepageUrl} target="_blank" rel="noopener noreferrer">
<div
className="bg-[#fff] text-black flex justify-between min-h-[12rem] h-fit relative w-full overflow-hidden [&:hover>span]:mb-6 [&:hover>span>span]:flex rounded-lg"
className="bg-[#fff] text-black flex justify-between min-h-[12rem] h-fit relative w-full overflow-hidden [&:hover>span]:mb-6 [&:hover>span>span]:flex"
>
<div className="pt-6 pl-6 pb-6 pr-4 h-full">
<h4 className="text-xl">{author}/<b>{repo.name}</b></h4>
Expand All @@ -53,6 +48,7 @@ export default function Card ({ repo }: CardProps): ReactElement {
<span className="flex items-center space-x-2 absolute bottom-0 right-0 m-4 text-xl z-10 transition-all">
<FaGithub className="w-6 h-6" /><span className="hidden text-sm font-medium transition-all">Visit Page</span>
</span>
<div className="absolute bottom-0 left-0 w-full h-2 bg-gradient-to-r from-blue-500 via-purple-500 to-pink-500"></div>
</div>
</a>
</div>
Expand Down

0 comments on commit dcedec6

Please sign in to comment.