Leahnaya/hackdex-website
1
0
Fork 0
mirror of https://github.com/Hackdex-App/hackdex-website.git synced 2026-10-19 06:09:41 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Keep long URLs, code, and tables from overflowing hack descriptions on mobile. (#85)

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Jared Schoeny
2026-08-28 19:27:18 -06:00
committed by GitHub
parent d6d04240d4
commit 91ed1d1eee
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/app/globals.css
View File

@@ -329,6 +329,11 @@ html { scroll-padding-top: var(--anchor-offset); }
--tw-prose-code: var(--foreground);
--tw-prose-hr: var(--border);
--tw-prose-captions: color-mix(in oklab, var(--foreground) 70%, transparent);
overflow-wrap: anywhere;
}
.prose pre {
overflow-x: auto;
}
.prose * {
@@ -418,6 +423,8 @@ html { scroll-padding-top: var(--anchor-offset); }
.prose table {
@apply my-6 w-full text-sm text-left text-foreground/70;
display: block;
overflow-x: auto;
}
.prose table th, .prose table td {
@apply px-6 py-4 border border-zinc-400/30 dark:border-zinc-600/50;

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

@@ -477,7 +477,7 @@ export default async function HackDetail({ params }: HackDetailProps) {
</div>
<div className="mt-6 px-6 flex flex-col gap-6 lg:grid lg:grid-cols-[minmax(0,1fr)_260px]">
<div className="space-y-6 lg:min-w-[640px]">
<div className="min-w-0 space-y-6 lg:min-w-[640px]">
<Gallery images={images} title={hack.title} />
{patchId && patchCreatedAt && (