draggable

block · Nov 27, 2024 · b884982 · b884982
1 parent 9e76bfe
commit b884982
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/ui/desktop/src/ChatWindow.tsx b/ui/desktop/src/ChatWindow.tsx
@@ -8,7 +8,6 @@ import Splash from './components/Splash';
 import GooseMessage from './components/GooseMessage';
 import UserMessage from './components/UserMessage';
 import Input from './components/Input';
-import Tabs from './components/Tabs';
 import MoreMenu from './components/MoreMenu';
 import { Bird } from './components/ui/icons';
 import LoadingGoose from './components/LoadingGoose';
@@ -142,7 +141,7 @@ function ChatContent({
       <div className="flex w-screen">
         <div className="flex">
           <MoreMenu
-            className="absolute top-2 right-2"
+            className="absolute top-2 right-2 no-drag"
             onStopGoose={() => {
               stop();
             }}
@@ -254,6 +253,7 @@ export default function ChatWindow() {
 
   return (
     <div className="relative w-screen h-screen overflow-hidden bg-transparent flex flex-col">
+      <div className="titlebar-drag-region" />
       {apiCredsMissing ? (
         <div className="w-full h-full">
           <ApiKeyWarning className="w-full h-full" />

diff --git a/ui/desktop/src/index.css b/ui/desktop/src/index.css
@@ -18,6 +18,19 @@
 }
 
 @layer components {
+  .titlebar-drag-region {
+    -webkit-app-region: drag;
+    height: 32px;
+    width: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 50;
+  }
+
+  .no-drag {
+    -webkit-app-region: no-drag;
+  }
   .ask-goose-type {
     color: #000;
     font-family: "Square Sans Mono";