sandvich
/
opencode
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tweak(ui): use new-session icon in sidebar buttons

title-bar-cleanup
David Hill 2026-03-13 00:04:43 +00:00
parent 77b49135de
commit 0fc4a73553
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/app/src/pages/layout.tsx
View File

@ -2034,7 +2034,7 @@ export default function Layout(props: ParentProps) {
<div class="shrink-0 py-4 px-3"> <div class="shrink-0 py-4 px-3">
<Button <Button
size="large" size="large"
icon="plus-small" icon="new-session"
class="w-full" class="w-full"
onClick={() => navigateWithSidebarReset(`/${base64Encode(p().worktree)}/session`)} onClick={() => navigateWithSidebarReset(`/${base64Encode(p().worktree)}/session`)}
> >

2
packages/app/src/pages/layout/sidebar-items.tsx
View File

@ -362,7 +362,7 @@ export const NewSessionItem = (props: {
> >
<div class="flex items-center gap-1 w-full"> <div class="flex items-center gap-1 w-full">
<div class="shrink-0 size-6 flex items-center justify-center"> <div class="shrink-0 size-6 flex items-center justify-center">
<Icon name="plus-small" size="small" class="text-icon-weak" /> <Icon name="new-session" size="small" class="text-icon-weak" />
</div> </div>
<span class="text-14-regular text-text-strong grow-1 min-w-0 overflow-hidden text-ellipsis truncate"> <span class="text-14-regular text-text-strong grow-1 min-w-0 overflow-hidden text-ellipsis truncate">
{label} {label}

2
packages/app/src/pages/layout/sidebar-workspace.tsx
View File

@ -218,7 +218,7 @@ const WorkspaceActions = (props: {
<Show when={!props.touch()}> <Show when={!props.touch()}>
<Tooltip value={props.language.t("command.session.new")} placement="top"> <Tooltip value={props.language.t("command.session.new")} placement="top">
<IconButton <IconButton
icon="plus-small" icon="new-session"
variant="ghost" variant="ghost"
class="size-6 rounded-md opacity-0 pointer-events-none group-hover/workspace:opacity-100 group-hover/workspace:pointer-events-auto group-focus-within/workspace:opacity-100 group-focus-within/workspace:pointer-events-auto" class="size-6 rounded-md opacity-0 pointer-events-none group-hover/workspace:opacity-100 group-hover/workspace:pointer-events-auto group-focus-within/workspace:opacity-100 group-focus-within/workspace:pointer-events-auto"
data-action="workspace-new-session" data-action="workspace-new-session"

6
packages/ui/src/components/button.css
View File

@ -115,7 +115,7 @@
font-size: var(--font-size-small); font-size: var(--font-size-small);
line-height: var(--line-height-large); line-height: var(--line-height-large);
gap: 4px; gap: 8px;
/* text-12-medium */ /* text-12-medium */
font-family: var(--font-family-sans); font-family: var(--font-family-sans);
@ -135,7 +135,7 @@
} }
font-size: var(--font-size-small); font-size: var(--font-size-small);
gap: 6px; gap: 8px;
/* text-12-medium */ /* text-12-medium */
font-family: var(--font-family-sans); font-family: var(--font-family-sans);
@ -153,7 +153,7 @@
padding: 0 12px 0 8px; padding: 0 12px 0 8px;
} }
gap: 4px; gap: 8px;
/* text-14-medium */ /* text-14-medium */
font-family: var(--font-family-sans); font-family: var(--font-family-sans);