monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(app): mobile horizontal scrolling due to session stat btn (#10487)

Browse Source
This commit is contained in:
Devin Griffin
2026-01-25 08:06:56 -06:00
committed by GitHub
parent caecc7911d
commit a900c89245
2 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/ui/src/components/session-turn.css
View File

@@ -88,9 +88,6 @@
} }
} }
[data-slot="session-turn-response-trigger"] {
width: fit-content;
}
[data-slot="session-turn-message-header"] { [data-slot="session-turn-message-header"] {
display: flex; display: flex;
@@ -483,7 +480,7 @@
} }
[data-slot="session-turn-collapsible-trigger-content"] { [data-slot="session-turn-collapsible-trigger-content"] {
width: fit-content; max-width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
@@ -514,6 +511,11 @@
color: var(--text-weak); color: var(--text-weak);
} }
[data-slot="session-turn-status-text"] {
overflow: hidden;
text-overflow: ellipsis;
}
[data-slot="session-turn-details-text"] { [data-slot="session-turn-details-text"] {
font-size: 13px; font-size: 13px;
/* text-12-medium */ /* text-12-medium */

12
packages/ui/src/components/session-turn.tsx
View File

@@ -593,10 +593,16 @@ export function SessionTurn(
<span data-slot="session-turn-retry-attempt">(#{retry()?.attempt})</span> <span data-slot="session-turn-retry-attempt">(#{retry()?.attempt})</span>
</Match> </Match>
<Match when={working()}> <Match when={working()}>
{store.status ?? i18n.t("ui.sessionTurn.status.consideringNextSteps")} <span data-slot="session-turn-status-text">
{store.status ?? i18n.t("ui.sessionTurn.status.consideringNextSteps")}
</span>
</Match>
<Match when={props.stepsExpanded}>
<span data-slot="session-turn-status-text">{i18n.t("ui.sessionTurn.steps.hide")}</span>
</Match>
<Match when={!props.stepsExpanded}>
<span data-slot="session-turn-status-text">{i18n.t("ui.sessionTurn.steps.show")}</span>
</Match> </Match>
<Match when={props.stepsExpanded}>{i18n.t("ui.sessionTurn.steps.hide")}</Match>
<Match when={!props.stepsExpanded}>{i18n.t("ui.sessionTurn.steps.show")}</Match>
</Switch> </Switch>
<span aria-hidden="true">·</span> <span aria-hidden="true">·</span>
<span aria-live="off">{store.duration}</span> <span aria-live="off">{store.duration}</span>