style changes
This commit is contained in:
parent
f3d46b7c37
commit
be070d9213
1 changed files with 12 additions and 12 deletions
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue