fix: adjust some windows style issues (#2454)

toeverything · May 25, 2023 · b37049d · b37049d
1 parent 341b18d
commit b37049d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 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
@@ -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
@@ -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