summaryrefslogtreecommitdiffhomepage
path: root/packages/desktop/src/pages
diff options
context:
space:
mode:
Diffstat (limited to 'packages/desktop/src/pages')
-rw-r--r--packages/desktop/src/pages/layout.tsx23
-rw-r--r--packages/desktop/src/pages/session.tsx20
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>