card hover style added

This commit is contained in:
victorAnumudu
2025-02-03 08:25:31 +01:00
parent 6d71eb13c1
commit 53090ed96f
+1 -1
View File
@@ -13,7 +13,7 @@ export default function HomeCom() {
{data.map((item, index) => {
let color = item.place == 'Friends' ? 'text-emerald-500 bg-emerald-100/90' : item.place == 'Office' ? 'text-blue-500 bg-blue-100/90' : 'text-orange-500 bg-orange-100/90'
return (
<div key={index} className="w-full p-3 sm:p-5 bg-white shadow flex flex-col gap-5 hover:scale-105">
<div key={index} className="w-full rounded p-3 sm:p-5 bg-white shadow flex flex-col gap-5 hover:scale-105 hover:cursor-pointer">
<div className="mb-5 card-title w-[70%] mx-auto">
<h1 className="mb-[1px] text-2xl font-bold">{item.name}</h1>
<span className={` ${color} text-sm font-bold p-1 rounded`}>{item.place}</span>