diff options
| -rw-r--r-- | packages/app/src/components/titlebar.tsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/packages/app/src/components/titlebar.tsx b/packages/app/src/components/titlebar.tsx index 09e896fb5..272f85144 100644 --- a/packages/app/src/components/titlebar.tsx +++ b/packages/app/src/components/titlebar.tsx @@ -80,11 +80,16 @@ export function Titlebar() { onMouseDown={drag} > <Show when={mac()}> - <div class="w-[72px] h-full shrink-0 xl:block hidden" data-tauri-drag-region /> + <div class="w-[72px] h-full shrink-0" data-tauri-drag-region /> + <div class="xl:hidden w-10 shrink-0 flex items-center justify-center"> + <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} /> + </div> + </Show> + <Show when={!mac()}> + <div class="xl:hidden w-[48px] shrink-0 flex items-center justify-center"> + <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} /> + </div> </Show> - <div class="xl:hidden w-[48px] shrink-0 flex items-center justify-center"> - <IconButton icon="menu" variant="ghost" class="size-8 rounded-md" onClick={layout.mobileSidebar.toggle} /> - </div> <TooltipKeybind class={web() ? "hidden xl:flex shrink-0 ml-14" : "hidden xl:flex shrink-0"} placement="bottom" |