diff options
Diffstat (limited to 'packages/desktop/src/pages')
| -rw-r--r-- | packages/desktop/src/pages/layout.tsx | 23 | ||||
| -rw-r--r-- | packages/desktop/src/pages/session.tsx | 20 |
2 files changed, 39 insertions, 4 deletions
diff --git a/packages/desktop/src/pages/layout.tsx b/packages/desktop/src/pages/layout.tsx index ade510069..1c8bb615c 100644 --- a/packages/desktop/src/pages/layout.tsx +++ b/packages/desktop/src/pages/layout.tsx @@ -674,7 +674,17 @@ export default function Layout(props: ParentProps) { /> </Show> <div class="flex flex-col items-start self-stretch gap-4 p-2 min-h-0 overflow-hidden"> - <Tooltip class="shrink-0" placement="right" value="Toggle sidebar" inactive={layout.sidebar.opened()}> + <Tooltip + class="shrink-0" + placement="right" + value={ + <div class="flex items-center gap-2"> + <span>Toggle sidebar</span> + <span class="text-icon-base text-12-medium">{command.keybind("sidebar.toggle")}</span> + </div> + } + inactive={layout.sidebar.opened()} + > <Button variant="ghost" size="large" @@ -762,7 +772,16 @@ export default function Layout(props: ParentProps) { </Match> </Switch> <Show when={platform.openDirectoryPickerDialog}> - <Tooltip placement="right" value="Open project" inactive={layout.sidebar.opened()}> + <Tooltip + placement="right" + value={ + <div class="flex items-center gap-2"> + <span>Open project</span> + <span class="text-icon-base text-12-medium">{command.keybind("project.open")}</span> + </div> + } + inactive={layout.sidebar.opened()} + > <Button class="flex w-full text-left justify-start text-text-base stroke-[1.5px] rounded-lg px-2" variant="ghost" diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx index 508fbc9c2..362e2922a 100644 --- a/packages/desktop/src/pages/session.tsx +++ b/packages/desktop/src/pages/session.tsx @@ -662,7 +662,15 @@ export default function Page() { </For> </SortableProvider> <div class="bg-background-base h-full flex items-center justify-center border-b border-border-weak-base px-3"> - <Tooltip value="Open file" class="flex items-center"> + <Tooltip + value={ + <div class="flex items-center gap-2"> + <span>Open file</span> + <span class="text-icon-base text-12-medium">{command.keybind("file.open")}</span> + </div> + } + class="flex items-center" + > <IconButton icon="plus-small" variant="ghost" @@ -774,7 +782,15 @@ export default function Page() { <For each={terminal.all()}>{(pty) => <SortableTerminalTab terminal={pty} />}</For> </SortableProvider> <div class="h-full flex items-center justify-center"> - <Tooltip value="New Terminal" class="flex items-center"> + <Tooltip + value={ + <div class="flex items-center gap-2"> + <span>New terminal</span> + <span class="text-icon-base text-12-medium">{command.keybind("terminal.new")}</span> + </div> + } + class="flex items-center" + > <IconButton icon="plus-small" variant="ghost" iconSize="large" onClick={terminal.new} /> </Tooltip> </div> |
