fix: add shadow to metric-card

This commit is contained in:
Mythie
2023-06-24 15:01:18 +10:00
parent bd0db0f8fd
commit 60b150cc58

View File

@ -13,7 +13,12 @@ export type CardMetricProps = {
export const CardMetric = ({ icon: Icon, title, value, className }: CardMetricProps) => {
return (
<div className={cn('border-border bg-background overflow-hidden rounded-lg border', className)}>
<div
className={cn(
'border-border bg-background overflow-hidden rounded-lg border shadow shadow-transparent duration-200 hover:shadow-slate-100',
className,
)}
>
<div className="px-4 pb-6 pt-4 sm:px-4 sm:pb-8 sm:pt-4">
<div className="flex items-start">
{Icon && <Icon className="mr-2 h-4 w-4 text-slate-500" />}