From 66ea97c7c901b9797190043c47f23dd1badc7b0d Mon Sep 17 00:00:00 2001
From: Peng Xiao <pengxiao@outlook.com>
Date: Sat, 20 May 2023 00:39:51 +0800
Subject: [PATCH] fix: adjust some windows style issues (#2454)

---
 .../blocksuite/workspace-header/styles.css.ts        |  5 +++--
 .../components/app-sidebar/sidebar-header/index.tsx  | 12 +++++-------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/apps/web/src/components/blocksuite/workspace-header/styles.css.ts b/apps/web/src/components/blocksuite/workspace-header/styles.css.ts
index 5b1fc3f3f3..ce11d4019d 100644
--- a/apps/web/src/components/blocksuite/workspace-header/styles.css.ts
+++ b/apps/web/src/components/blocksuite/workspace-header/styles.css.ts
@@ -191,10 +191,11 @@ export const windowAppControl = style({
   WebkitAppRegion: 'no-drag',
   cursor: 'pointer',
   display: 'inline-flex',
-  width: '32px',
+  width: '42px',
+  height: '32px',
   alignItems: 'center',
   justifyContent: 'center',
-  borderRadius: '2px',
+  borderRadius: '4px',
   selectors: {
     '&[data-type="close"]:hover': {
       background: 'var(--affine-error-color)',
diff --git a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
index ca0b0543a9..7e7fc942e1 100644
--- a/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
+++ b/packages/component/src/components/app-sidebar/sidebar-header/index.tsx
@@ -22,15 +22,11 @@ export type SidebarHeaderProps = {
 export const SidebarHeader = (props: SidebarHeaderProps) => {
   const [open, setOpen] = useAtom(appSidebarOpenAtom);
   const environment = getEnvironment();
-  const isMacosDesktop = environment.isDesktop && environment.isMacOs;
   return (
-    <div
-      className={navHeaderStyle}
-      data-is-macos-electron={isMacosDesktop}
-      data-open={open}
-    >
-      {isMacosDesktop && (
+    <div className={navHeaderStyle} data-open={open}>
+      {environment.isDesktop && (
         <>
+          {environment.isMacOs && <div style={{ flex: 1 }} />}
           <IconButton
             size="middle"
             data-testid="app-sidebar-arrow-button-back"
@@ -57,6 +53,8 @@ export const SidebarHeader = (props: SidebarHeaderProps) => {
           >
             <ArrowRightSmallIcon />
           </IconButton>
+
+          {!environment.isMacOs && <div style={{ flex: 1 }} />}
         </>
       )}
       <IconButton