feat: make cards interactive (#707)

Co-authored-by: Ankit Anand <[email protected]>
SigNoz · Aug 28, 2024 · 7d10d18 · 7d10d18
1 parent 1d90fe3
commit 7d10d18
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/case-study/page.tsx b/app/case-study/page.tsx
@@ -112,9 +112,9 @@ export default caseStudies;
 const CustomerCard: React.FC<CardProps> = ({ logo, title, name, position, href }) => {
   return (
     <Link href={href}>
-      <div className='p-12 bg-signoz_ink-400 border border-signoz_slate-400 rounded cursor-pointer hover:bg-signoz_ink-300 min-h-[19rem]'>
+      <div className='p-12 bg-signoz_ink-400 border border-signoz_slate-400 rounded cursor-pointer hover:bg-signoz_ink-300 min-h-[19rem] group'>
         <div className='flex flex-col gap-3'>
-        <div className='flex items-start h-12 mb-4'> {/* Set fixed height for logo area */}
+        <div className='flex items-start h-12 mb-4'>
             <img src={logo} className='object-contain max-h-10 max-w-32' />
           </div>
           <div className='text-base font-semibold'>{title}</div>
@@ -124,7 +124,7 @@ const CustomerCard: React.FC<CardProps> = ({ logo, title, name, position, href }
                 <div className='text-sm font-medium text-[#C0C1C3]'>{name}</div>
                 <div className='text-xs font-medium text-signoz_slate-50'>{position}</div>
               </div>
-              <div className='mt-auto flex justify-end'>
+              <div className='mt-auto flex justify-end transform transition-transform group-hover:translate-x-2'>
                 <ArrowRight size={14} className="text-signoz_robin-100" />
               </div>
             </div>