style(page): adjust the footer text style and layout of the case study section

This commit is contained in:
Hui Xuejie
2025-04-29 14:00:37 +08:00
parent 974a77fdfa
commit 24b42ab466
2 changed files with 7 additions and 19 deletions

View File

@@ -12,7 +12,7 @@ interface BentoGridProps extends ComponentPropsWithoutRef<"div"> {
interface BentoCardProps extends ComponentPropsWithoutRef<"div"> {
name: string;
className: string;
background: ReactNode;
background?: ReactNode;
Icon: React.ElementType;
description: string;
href: string;
@@ -22,10 +22,7 @@ interface BentoCardProps extends ComponentPropsWithoutRef<"div"> {
const BentoGrid = ({ children, className, ...props }: BentoGridProps) => {
return (
<div
className={cn(
"grid w-full auto-rows-[22rem] grid-cols-2 gap-4",
className,
)}
className={cn("grid w-full auto-rows-auto grid-cols-2 gap-4", className)}
{...props}
>
{children}
@@ -55,7 +52,7 @@ const BentoCard = ({
)}
{...props}
>
<div>{background}</div>
{background && <div>{background}</div>}
<div className="pointer-events-none z-10 flex transform-gpu flex-col gap-1 p-6 transition-all duration-300 group-hover:-translate-y-5">
<Icon className="h-12 w-12 origin-left transform-gpu text-neutral-700 transition-all duration-300 ease-in-out group-hover:scale-60" />
<h3 className="text-xl font-semibold text-neutral-700 dark:text-neutral-300">