refactor(web): unify max-width constraints with tailwind content class

Adds maxWidth.content: '720px' to tailwind.config.ts for centralized width management across the web app. Replaces all hardcoded max-w-[720px] references with the new max-w-content class. Adds missing max-width constraints to file.tsx, files.tsx, and SessionList.tsx. Moves border-b dividers from outer full-width divs to inner max-w-content divs for consistent visual hierarchy.
This commit is contained in:
weishu
2025-12-23 18:40:51 +08:00
parent 2bff252e6a
commit a2bdc73236
7 changed files with 157 additions and 141 deletions
@@ -135,7 +135,7 @@ export function HappyThread(props: {
<ThreadPrimitive.Root className="flex min-h-0 flex-1 flex-col">
<ThreadPrimitive.Viewport asChild autoScroll>
<div ref={viewportRef} className="min-h-0 flex-1 overflow-y-auto overflow-x-hidden">
<div className="mx-auto w-full max-w-[720px] min-w-0 p-3">
<div className="mx-auto w-full max-w-content min-w-0 p-3">
<div ref={topSentinelRef} className="h-px w-full" aria-hidden="true" />
{props.isLoadingMessages ? (
<div className="text-sm text-[var(--app-hint)]">