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