Leahnaya/hackdex-website
1
0
Fork 0
mirror of https://github.com/Hackdex-App/hackdex-website.git synced 2026-08-22 16:44:33 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix inconsistent heights of hack cards

Browse Source
This commit is contained in:
Jared Schoeny
2025-11-08 12:17:08 -10:00
parent a0a106f900
commit 6f279696f2
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/HackCard.tsx
View File

@@ -1,4 +1,6 @@
import Image from "next/image";
"use client";
import PixelImage from "./PixelImage";
import Link from "next/link";
import { formatCompactNumber } from "@/utils/format";
@@ -49,7 +51,7 @@ export default function HackCard({ hack, clickable = true, className = "" }: { h
emblaApi.off("select", onSelect);
};
}, [emblaApi]);
const cardClass = `rounded-[12px] overflow-hidden ${
const cardClass = `rounded-[12px] overflow-hidden h-full ${
clickable ? "transition-transform duration-300 hover:-translate-y-0.5 hover:shadow-xl anim-float" : ""
} ring-1 ${ready ? "ring-emerald-400/50 bg-emerald-500/10" : "card ring-[var(--border)]"}`;
const gradientBgClass = `bg-gradient-to-b ${ready ? 'from-emerald-300/5 to-emerald-400/30 dark:from-emerald-950/10 dark:to-emerald-600/40' : 'from-black/30 to-black/10 dark:from-black/80 dark:to-black/40'}`;