refactor(css): add new global classes & card border hover styling (#1156)

This commit is contained in:
TheCatLady
2021-03-11 21:25:46 -05:00
committed by GitHub
parent 71773c91c6
commit 1be97fe7fb
31 changed files with 165 additions and 152 deletions

View File

@@ -13,9 +13,11 @@ const CompanyCard: React.FC<CompanyCardProps> = ({ image, url, name }) => {
return (
<Link href={url}>
<a
className={`relative flex items-center justify-center h-32 w-64 sm:h-36 sm:w-72 p-8 shadow transition ease-in-out duration-150 cursor-pointer transform-gpu ${
isHovered ? 'bg-gray-700 scale-105' : 'bg-gray-800 scale-100'
} ring-1 ring-gray-700 rounded-xl`}
className={`relative flex items-center justify-center h-32 w-64 sm:h-36 sm:w-72 p-8 shadow transition ease-in-out duration-150 cursor-pointer transform-gpu ring-1 ${
isHovered
? 'bg-gray-700 scale-105 ring-gray-500'
: 'bg-gray-800 scale-100 ring-gray-700'
} rounded-xl`}
onMouseEnter={() => {
setHovered(true);
}}