Leahnaya/hackdex-website
1
0
Fork 0
mirror of https://github.com/Hackdex-App/hackdex-website.git synced 2026-04-18 13:07:40 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add card-simple class for large elements

Browse Source
This commit is contained in:
Jared Schoeny 2025-11-28 17:31:54 -10:00
parent cdcfca222f
commit 26584dcaa5
4 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/globals.css
View File

@ -102,6 +102,11 @@ html { scroll-padding-top: var(--anchor-offset); }
border: 1px solid var(--border);
border-radius: 12px;
}
.card-simple {
background: var(--surface-2);
border: 1px solid var(--border);
border-radius: 12px;
}
.frosted {
background: rgba(255, 255, 255, 0.04);

2
src/app/hack/[slug]/page.tsx
View File

@ -332,7 +332,7 @@ export default async function HackDetail({ params }: HackDetailProps) {
<div className="space-y-6 lg:min-w-[640px]">
<Gallery images={images} title={hack.title} />
<div className="card p-5">
<div className="card-simple p-5">
<h2 className="text-2xl font-semibold tracking-tight">About this hack</h2>
<div className="prose prose-sm mt-3 max-w-none text-foreground/80">
<ReactMarkdown

2
src/components/Hack/Gallery.tsx
View File

@ -18,7 +18,7 @@ export default function Gallery({ images, title }: { images: string[]; title: st
};
}, [emblaApi]);
return (
<div className="card p-4">
<div className="card-simple p-4">
<div className="relative aspect-[16/9] w-full overflow-hidden" ref={emblaRef}>
<div className="flex h-full">
{images.map((src, idx) => (

2
src/components/Hack/HackEditForm.tsx
View File

@ -224,7 +224,7 @@ export default function HackEditForm({ slug, initial }: HackEditFormProps) {
return (
<div className="mt-6 flex flex-col gap-6 lg:grid lg:grid-cols-[minmax(0,1fr)_360px]">
<div className="space-y-6">
<div className="card p-5">
<div className="card-simple p-5">
<div className="flex items-center justify-between">
<h2 className="text-xl font-semibold tracking-tight">Content</h2>
<div className="flex items-center gap-3">