for mac use regular titlebar

crates/desktop/artcraft/tauri.artcraft_3d.conf.toml

@@ -3,3 +3,7 @@
 frontendDist = "../../../frontend/apps/editor3d/dist"
 beforeDevCommand = "npx nx run editor3d:dev"
 devUrl = "http://localhost:5173"
+
+[[app.windows]]
+decorations = true
+title = "ArtCraft"

crates/desktop/artcraft/tauri.artcraft_3d.no_dev.conf.json

@@ -4,5 +4,16 @@
     "beforeDevCommand": "echo 'no dev'",
     "devUrl": "http://localhost:5173",
     "beforeBuildCommand": "npx nx run editor3d:build"
+  },
+  "app": {
+    "windows": [
+      {
+        "title": "ArtCraft",
+        "resizable": true,
+        "fullscreen": false,
+        "dragDropEnabled": false,
+        "decorations": false
+      }
+    ]
   }
 }

crates/desktop/artcraft/tauri.artcraft_3d.no_dev.conf.toml

@@ -4,3 +4,7 @@ frontendDist = "../../../frontend/apps/editor3d/dist"
 #beforeDevCommand = "nx run editor3d:dev"
 beforeDevCommand = "echo 'no dev'"
 devUrl = "http://localhost:5173"
+
+[[app.windows]]
+decorations = true
+title = "ArtCraft"

crates/desktop/artcraft/tauri.artcraft_3d.no_dev_windows.conf.json

@@ -4,5 +4,16 @@
     "beforeDevCommand": "echo 'no dev'",
     "devUrl": "http://localhost:5173",
     "beforeBuildCommand": "npx nx run editor3d:build"
+  },
+  "app": {
+    "windows": [
+      {
+        "title": "ArtCraft",
+        "resizable": true,
+        "fullscreen": false,
+        "dragDropEnabled": false,
+        "decorations": false
+      }
+    ]
   }
 }

frontend/apps/editor3d/app/src/components/signaled/TopBar/TopBar.tsx

@@ -150,28 +150,7 @@ export const TopBar = ({ pageName, loginSignUpPressed }: Props) => {
           aria-label="navigation"
         >
           <div className="flex items-center gap-3">
-            {isDesktop && platform === "macos" && (
-              <div className="no-drag me-2 flex items-center gap-2">
-                <button
-                  aria-label="Close"
-                  onClick={close}
-                  className="h-[12px] w-[12px] rounded-full transition-opacity duration-200 hover:opacity-60"
-                  style={{ backgroundColor: "#ff5f57" }}
-                />
-                <button
-                  aria-label="Minimize"
-                  onClick={minimize}
-                  className="h-[12px] w-[12px] rounded-full transition-opacity duration-200 hover:opacity-60"
-                  style={{ backgroundColor: "#febc2e" }}
-                />
-                <button
-                  aria-label="Enter Fullscreen"
-                  onClick={toggleMaximize}
-                  className="h-[12px] w-[12px] rounded-full transition-opacity duration-200 hover:opacity-60"
-                  style={{ backgroundColor: "#28c840" }}
-                />
-              </div>
-            )}
+            
             <div className="mr-2">
               <span className="sr-only">ArtCraft</span>
               <img