summaryrefslogtreecommitdiffhomepage
path: root/packages/desktop/src
diff options
context:
space:
mode:
authorAmadeus Demarzi <[email protected]>2025-12-17 05:33:46 -0800
committerGitHub <[email protected]>2025-12-17 07:33:46 -0600
commit5c490c51edd5a8e3953fcc439d46c0e138294073 (patch)
tree29f538fa1ad1666507960e30830b0f07db9de44a /packages/desktop/src
parent5da1c0087b7a0216bf633d12ff038422727ff235 (diff)
downloadopencode-5c490c51edd5a8e3953fcc439d46c0e138294073.tar.gz
opencode-5c490c51edd5a8e3953fcc439d46c0e138294073.zip
Diffs Performance Improvements (#5653)
Co-authored-by: Adam <[email protected]>
Diffstat (limited to 'packages/desktop/src')
-rw-r--r--packages/desktop/src/pages/layout.tsx4
-rw-r--r--packages/desktop/src/pages/session.tsx9
2 files changed, 8 insertions, 5 deletions
diff --git a/packages/desktop/src/pages/layout.tsx b/packages/desktop/src/pages/layout.tsx
index 618b84840..540c5d778 100644
--- a/packages/desktop/src/pages/layout.tsx
+++ b/packages/desktop/src/pages/layout.tsx
@@ -613,7 +613,7 @@ export default function Layout(props: ParentProps) {
classList={{
"relative @container w-12 pb-5 shrink-0 bg-background-base": true,
"flex flex-col gap-5.5 items-start self-stretch justify-between": true,
- "border-r border-border-weak-base": true,
+ "border-r border-border-weak-base contain-strict": true,
}}
style={{ width: layout.sidebar.opened() ? `${layout.sidebar.width()}px` : undefined }}
>
@@ -755,7 +755,7 @@ export default function Layout(props: ParentProps) {
</Tooltip>
</div>
</div>
- <main class="size-full overflow-x-hidden flex flex-col items-start">{props.children}</main>
+ <main class="size-full overflow-x-hidden flex flex-col items-start contain-strict">{props.children}</main>
</div>
<Toast.Region />
</div>
diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx
index 3415d0c4e..7d1392c20 100644
--- a/packages/desktop/src/pages/session.tsx
+++ b/packages/desktop/src/pages/session.tsx
@@ -578,7 +578,10 @@ export default function Page() {
</div>
</Tabs.List>
</div>
- <Tabs.Content value="chat" class="@container select-text flex flex-col flex-1 min-h-0 overflow-y-hidden">
+ <Tabs.Content
+ value="chat"
+ class="@container select-text flex flex-col flex-1 min-h-0 overflow-y-hidden contain-strict"
+ >
<div
classList={{
"w-full flex-1 min-h-0": true,
@@ -661,7 +664,7 @@ export default function Page() {
<Show when={layout.review.state() === "pane" && diffs().length}>
<div
classList={{
- "relative grow pt-3 flex-1 min-h-0 border-l border-border-weak-base": true,
+ "relative grow pt-3 flex-1 min-h-0 border-l border-border-weak-base contain-strict": true,
}}
>
<SessionReview
@@ -689,7 +692,7 @@ export default function Page() {
</div>
</Tabs.Content>
<Show when={layout.review.state() === "tab" && diffs().length}>
- <Tabs.Content value="review" class="select-text flex flex-col h-full overflow-hidden">
+ <Tabs.Content value="review" class="select-text flex flex-col h-full overflow-hidden contain-strict">
<div
classList={{
"relative pt-3 flex-1 min-h-0 overflow-hidden": true,