ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(app): fix max-width on timeline

Browse source
This commit is contained in:
Adam 2026-03-07 05:45:24 -06:00
commit 66d0beba6f
No known key found for this signature in database
GPG key ID: 9CB48779AF150E75
3 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/app/src/pages/session/composer/session-composer-region.tsx
View file

@ -140,7 +140,7 @@ export function SessionComposerRegion(props: {
<div <div
classList={{ classList={{
"w-full px-3 pointer-events-auto": true, "w-full px-3 pointer-events-auto": true,
"md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered, "md:max-w-[500px] md:mx-auto 2xl:max-w-[700px]": props.centered,
}} }}
> >
<Show when={props.state.questionRequest()} keyed> <Show when={props.state.questionRequest()} keyed>

4
packages/app/src/pages/session/message-timeline.tsx
View file

@ -417,7 +417,7 @@ export function MessageTimeline(props: {
style={{ "padding-top": "var(--session-title-height)" }} style={{ "padding-top": "var(--session-title-height)" }}
classList={{ classList={{
"w-full": true, "w-full": true,
"md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered, "md:max-w-[500px] md:mx-auto 2xl:max-w-[700px]": props.centered,
"mt-0.5": props.centered, "mt-0.5": props.centered,
"mt-0": !props.centered, "mt-0": !props.centered,
}} }}
@ -472,7 +472,7 @@ export function MessageTimeline(props: {
}} }}
classList={{ classList={{
"min-w-0 w-full max-w-full": true, "min-w-0 w-full max-w-full": true,
"md:max-w-200 2xl:max-w-[1000px]": props.centered, "md:max-w-[500px] 2xl:max-w-[700px]": props.centered,
}} }}
> >
<Show when={commentCount() > 0}> <Show when={commentCount() > 0}>

2
packages/app/src/pages/session/session-timeline-header.tsx
View file

@ -404,7 +404,7 @@ export function SessionTimelineHeader(props: {
"w-full": true, "w-full": true,
"pb-10": true, "pb-10": true,
"px-4 md:px-5": true, "px-4 md:px-5": true,
"md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered, "md:max-w-[500px] md:mx-auto 2xl:max-w-[700px]": props.centered,
}} }}
> >
<div class="pointer-events-auto h-12 w-full flex items-center justify-between gap-2"> <div class="pointer-events-auto h-12 w-full flex items-center justify-between gap-2">