Browse Source

fix: desktop hamburger shift

David Hill 1 month ago
parent
commit
46f415ecb0
1 changed files with 9 additions and 4 deletions
  1. 9 4
      packages/app/src/components/titlebar.tsx

+ 9 - 4
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"