Fix full-width message layouts (#591)

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
thomaspblock
2026-05-17 09:04:09 -04:00
committed by GitHub
co-authored by Cursor
parent e4e9923799
commit 17eea2d267
13 changed files with 187 additions and 182 deletions
+3 -3
View File
@@ -60,7 +60,7 @@ function CopyableUrl({ url }: { url: string }) {
function DetailSkeleton() {
return (
<div className="mx-auto flex w-full max-w-7xl gap-8 px-4 py-8">
<div className="flex w-full gap-8 px-4 py-8">
<div className="min-w-0 flex-1">
<div className="h-5 w-24 animate-pulse rounded bg-muted" />
<div className="mt-6 h-8 w-64 animate-pulse rounded bg-muted" />
@@ -181,7 +181,7 @@ export function RepoDetailPage() {
if (!repo) {
return (
<div className="mx-auto flex w-full max-w-7xl gap-8 px-4 py-8">
<div className="flex w-full gap-8 px-4 py-8">
<div className="min-w-0 flex-1">
<Link
to="/"
@@ -205,7 +205,7 @@ export function RepoDetailPage() {
}
return (
<div className="mx-auto flex w-full max-w-7xl gap-8 px-4 py-8">
<div className="flex w-full gap-8 px-4 py-8">
{/* Main content */}
<div className="min-w-0 flex-1">
{/* Back link */}
+2 -2
View File
@@ -101,7 +101,7 @@ export function ReposPage() {
if (isLoading) {
return (
<div className="mx-auto flex w-full max-w-7xl gap-8 px-4 py-8">
<div className="flex w-full gap-8 px-4 py-8">
<div className="min-w-0 flex-1">
<h2 className="mb-4 flex items-center gap-2 text-lg font-semibold">
<BookMarked className="h-5 w-5" /> Repositories
@@ -122,7 +122,7 @@ export function ReposPage() {
}
return (
<div className="mx-auto flex w-full max-w-7xl gap-8 px-4 py-8">
<div className="flex w-full gap-8 px-4 py-8">
{/* Main content */}
<div className="min-w-0 flex-1">
{/* Mobile-only connect button */}