svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style changes

Browse source
This commit is contained in:
Cypro Freelance 2024-08-26 17:28:31 +05:30
parent f3d46b7c37
commit be070d9213
1 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
app/(auth)/_components/Card.tsx
View file

@ -3,21 +3,21 @@ import Link from "next/link";
import { FC } from "react";
interface CardProps {
title: string;
url: string;
title: string;
url: string;
}
const Card: FC<CardProps> = ({ title, url }) => {
return (
<div className=" bg-zinc-900 border rounded-lg hover:bg-zinc-800 transition-all">
<Link href={url} className="group">
<div className="flex-center rounded-lg p-6">
<h2 className="text-2xl font-bold mb-2">{title}</h2>
<ArrowUpRight className="w-5 h-5 mb-2 ml-2 opacity-0 group-hover:opacity-100 transition-all duration-300" />
</div>
</Link>
</div>
);
return (
<div className="bg-accent border rounded-lg hover:bg-muted transition-all">
<Link href={url} className="group">
<div className="flex-center rounded-lg p-6">
<h2 className="text-2xl font-bold mb-2">{title}</h2>
<ArrowUpRight className="w-5 h-5 mb-2 ml-2 opacity-0 group-hover:opacity-100 transition-all duration-300" />
</div>
</Link>
</div>
);
};
export default Card;