From f3af39a093d659a0848b2b2bc25e99ae9c4ff409 Mon Sep 17 00:00:00 2001
From: Abdullah Atta <abdullahatta@streetwriters.co>
Date: Mon, 30 Dec 2024 16:12:19 +0500
Subject: [PATCH] web: fix action bar ui on web

---
 apps/web/src/components/editor/action-bar.tsx |  8 +++++---
 apps/web/src/components/editor/index.tsx      | 12 ++++++------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/components/editor/action-bar.tsx b/apps/web/src/components/editor/action-bar.tsx
index 5c522e17fc..312d3562a8 100644
--- a/apps/web/src/components/editor/action-bar.tsx
+++ b/apps/web/src/components/editor/action-bar.tsx
@@ -460,9 +460,11 @@ function Tab(props: TabProps) {
         height: "100%",
         cursor: "pointer",
         px: 2,
-        ":first-of-type": {
-          borderLeft: "1px solid var(--border)"
-        },
+        ":first-of-type": window.hasNativeTitlebar
+          ? {}
+          : {
+              borderLeft: "1px solid var(--border)"
+            },
         borderRight: "1px solid var(--border)",
 
         transform: CSS.Transform.toString(transform),
diff --git a/apps/web/src/components/editor/index.tsx b/apps/web/src/components/editor/index.tsx
index c7e50ac945..152c0dd895 100644
--- a/apps/web/src/components/editor/index.tsx
+++ b/apps/web/src/components/editor/index.tsx
@@ -75,7 +75,7 @@ import { Pane, SplitPane } from "../split-pane";
 
 const PDFPreview = React.lazy(() => import("../pdf-preview"));
 
-const autoSaveToast = { show: true, hide: () => { } };
+const autoSaveToast = { show: true, hide: () => {} };
 
 async function saveContent(
   noteId: string,
@@ -129,7 +129,7 @@ export default function TabsView() {
       {!hasNativeTitlebar ? (
         <EditorActionBarPortal />
       ) : (
-        <Flex sx={{ px: 1 }}>
+        <Flex sx={{ px: 1, borderBottom: "1px solid var(--border)" }}>
           <EditorActionBar />
         </Flex>
       )}
@@ -228,10 +228,10 @@ function EditorView({
   session
 }: {
   session:
-  | DefaultEditorSession
-  | NewEditorSession
-  | ReadonlyEditorSession
-  | DeletedEditorSession;
+    | DefaultEditorSession
+    | NewEditorSession
+    | ReadonlyEditorSession
+    | DeletedEditorSession;
 }) {
   const lastChangedTime = useRef<number>(0);
   const root = useRef<HTMLDivElement>(null);