@@ -442,10 +442,9 @@ def case_studies_column() -> rx.Component:
442442 class_name = "px-4 pt-4 flex flex-col" ,
443443 ),
444444 rx .el .div (
445- rx .el .elements . a (
445+ rx .el .span (
446446 "How Autodesk saved 25% of their development time" ,
447- href = "/customers" ,
448- class_name = "text-secondary-12 text-lg font-[525] hover:text-primary-10 dark:hover:text-primary-9 mt-auto" ,
447+ class_name = "text-secondary-12 text-lg font-[525] group-hover:text-primary-10 dark:group-hover:text-primary-9 mt-auto" ,
449448 ),
450449 rx .el .div (
451450 badge ("Enterprise" ),
@@ -455,7 +454,7 @@ def case_studies_column() -> rx.Component:
455454 class_name = "flex flex-col gap-2 px-4 pb-4" ,
456455 ),
457456 rx .el .div (
458- class_name = "h-px w-[calc(100%+2rem)] -mx-4 shrink-0 bg-secondary-4" ,
457+ class_name = "h-px w-[calc(100%+2rem)] -mx-4 shrink-0 bg-secondary-4 relative z-10 " ,
459458 ),
460459 rx .el .div (
461460 demo_form_dialog (
@@ -476,8 +475,14 @@ def case_studies_column() -> rx.Component:
476475 class_name = "flex flex-col px-4 py-2 rounded-sm hover-card-shadow cursor-pointer " ,
477476 ),
478477 ),
478+ class_name = "relative z-10" ,
479+ ),
480+ rx .el .elements .a (
481+ href = "/customers" ,
482+ class_name = "absolute inset-0" ,
483+ custom_attrs = {"aria-label" : "View Autodesk case study" },
479484 ),
480- class_name = "flex flex-col relative h-full justify-between" ,
485+ class_name = "group flex flex-col relative h-full justify-between" ,
481486 ),
482487 class_name = "p-4 block z-[1] bg-secondary-1 dark:border-x dark:border-secondary-4 w-[296px]" ,
483488 )
0 commit comments