diff options
| author | David Hill <[email protected]> | 2026-03-07 23:45:16 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-03-07 23:45:16 +0000 |
| commit | 6dfe19b44549ed844e233f3321cb23833098cbca (patch) | |
| tree | 13924391b33dc745b92c9128006c52b53e42c748 /packages | |
| parent | a965a062595403a8e0083e85770315d5dc9628ab (diff) | |
| download | opencode-6dfe19b44549ed844e233f3321cb23833098cbca.tar.gz opencode-6dfe19b44549ed844e233f3321cb23833098cbca.zip | |
tui: center empty states vertically in session view and improve review panel messaging for projects without version control
Diffstat (limited to 'packages')
| -rw-r--r-- | packages/app/src/pages/session.tsx | 6 | ||||
| -rw-r--r-- | packages/app/src/pages/session/session-side-panel.tsx | 10 |
2 files changed, 10 insertions, 6 deletions
diff --git a/packages/app/src/pages/session.tsx b/packages/app/src/pages/session.tsx index 4e469f73d..eefcdfe10 100644 --- a/packages/app/src/pages/session.tsx +++ b/packages/app/src/pages/session.tsx @@ -799,7 +799,7 @@ export default function Page() { } const emptyTurn = () => ( - <div class="h-full pb-64 flex flex-col items-center justify-center text-center gap-6"> + <div class="h-full pb-64 -mt-4 flex flex-col items-center justify-center text-center gap-6"> <div class="text-14-regular text-text-weak max-w-56">{language.t("session.review.noChanges")}</div> </div> ) @@ -914,7 +914,7 @@ export default function Page() { diffStyle: layout.review.diffStyle(), onDiffStyleChange: layout.review.setDiffStyle, loadingClass: "px-6 py-4 text-text-weak", - emptyClass: "h-full pb-64 flex flex-col items-center justify-center text-center gap-6", + emptyClass: "h-full pb-64 -mt-4 flex flex-col items-center justify-center text-center gap-6", })} </div> </div> @@ -1266,7 +1266,7 @@ export default function Page() { container: "px-4", }, loadingClass: "px-4 py-4 text-text-weak", - emptyClass: "h-full pb-64 flex flex-col items-center justify-center text-center gap-6", + emptyClass: "h-full pb-64 -mt-4 flex flex-col items-center justify-center text-center gap-6", })} scroll={ui.scroll} onResumeScroll={resumeScroll} diff --git a/packages/app/src/pages/session/session-side-panel.tsx b/packages/app/src/pages/session/session-side-panel.tsx index 09363918b..a5e067c6f 100644 --- a/packages/app/src/pages/session/session-side-panel.tsx +++ b/packages/app/src/pages/session/session-side-panel.tsx @@ -103,7 +103,7 @@ export function SessionSidePanel(props: { const empty = (msg: string) => ( <div class="h-full flex flex-col"> - <div class="h-12 shrink-0" aria-hidden /> + <div class="h-6 shrink-0" aria-hidden /> <div class="flex-1 pb-64 flex items-center justify-center text-center"> <div class="text-12-regular text-text-weak">{msg}</div> </div> @@ -329,7 +329,7 @@ export function SessionSidePanel(props: { <Tabs.Content value="empty" class="flex flex-col h-full overflow-hidden contain-strict"> <Show when={activeTab() === "empty"}> <div class="relative pt-2 flex-1 min-h-0 overflow-hidden"> - <div class="h-full px-6 pb-42 flex flex-col items-center justify-center text-center gap-6"> + <div class="h-full px-6 pb-42 -mt-4 flex flex-col items-center justify-center text-center gap-6"> <Mark class="w-14 opacity-10" /> <div class="text-14-regular text-text-weak max-w-56"> {language.t("session.files.selectToOpen")} @@ -424,7 +424,11 @@ export function SessionSidePanel(props: { /> </Show> </Match> - <Match when={true}>{empty(language.t(reviewEmptyKey()))}</Match> + <Match when={true}> + {empty( + language.t(sync.project && !sync.project.vcs ? "session.review.noChanges" : reviewEmptyKey()), + )} + </Match> </Switch> </Tabs.Content> <Tabs.Content value="all" class="bg-background-stronger px-3 py-0"> |