mirrors/opencode
1
0
Fork 0
mirror of https://github.com/sst/opencode.git synced 2025-12-23 10:11:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

wip: make the default container wider

Browse source
This commit is contained in:
David Hill 2025-12-16 16:35:57 +00:00
parent be8116e2ea
commit 1f18f389c0
3 changed files with 7 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
packages/desktop/src/pages/session.tsx
View file

@ -630,7 +630,7 @@ export default function Page() {
<div
classList={{
"relative shrink-0 py-3 flex flex-col gap-6 flex-1 min-h-0 w-full": true,
"max-w-146 mx-auto": !wide(),
"max-w-[800px] mx-auto": !wide(),
}}
>
<Switch>
@ -654,7 +654,7 @@ export default function Page() {
container:
"w-full " +
(wide()
? "max-w-146 mx-auto px-6"
? "max-w-[800px] mx-auto px-6"
: visibleUserMessages().length > 1
? "pr-6 pl-18"
: "px-6"),
@ -690,7 +690,7 @@ export default function Page() {
</Match>
</Switch>
<div class="absolute inset-x-0 bottom-8 flex flex-col justify-center items-center z-50">
<div class="w-full max-w-146 px-6">
<div class="w-full max-w-[800px] px-6">
<PromptInput
ref={(el) => {
inputRef = el
@ -803,7 +803,7 @@ export default function Page() {
</DragOverlay>
</DragDropProvider>
<Show when={tabs().active()}>
<div class="absolute inset-x-0 px-6 max-w-146 flex flex-col justify-center items-center z-50 mx-auto bottom-8">
<div class="absolute inset-x-0 px-6 max-w-[800px] flex flex-col justify-center items-center z-50 mx-auto bottom-8">
<PromptInput
ref={(el) => {
inputRef = el

4
packages/ui/src/components/session-message-rail.css
View file

@ -17,7 +17,7 @@
display: none;
}
@container (min-width: 72rem) {
@container (min-width: 84.75rem) {
[data-slot="session-message-rail-compact"] {
display: none;
}
@ -32,7 +32,7 @@
[data-component="session-message-rail"][data-wide] [data-slot="session-message-rail-full"] {
margin-top: 0.125rem;
left: calc(((100% - min(100%, 36.5rem)) / 2) - 1.5rem);
left: calc(((100% - min(100%, 800px)) / 2) - 1.5rem);
transform: translateX(-100%);
}

1
packages/ui/src/components/session-turn.css
View file

@ -27,6 +27,7 @@
align-items: flex-start;
align-self: stretch;
min-width: 0;
max-width: 800px;
gap: clamp(8px, calc(42px - var(--scroll-y) * 0.48), 42px);
overflow-anchor: none;
}