From cb37c25b14c444c78d9f9e051d4dd261200138dd Mon Sep 17 00:00:00 2001
From: JimmFly <yangjinfei001@gmail.com>
Date: Wed, 5 Mar 2025 10:42:56 +0000
Subject: [PATCH] chore: adjust share menu styles (#10630)

close AF-2270 AF-2193 AF-2067
---
 packages/frontend/admin/src/modules/layout.tsx                | 2 +-
 packages/frontend/component/src/ui/divider/divider.tsx        | 4 ++--
 .../src/components/doc-properties/icons/icons-selector.css.ts | 4 ++--
 .../src/components/doc-properties/menu/edit-doc-property.tsx  | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/frontend/admin/src/modules/layout.tsx b/packages/frontend/admin/src/modules/layout.tsx
index faa7eb53f2..db0ceee49a 100644
--- a/packages/frontend/admin/src/modules/layout.tsx
+++ b/packages/frontend/admin/src/modules/layout.tsx
@@ -243,7 +243,7 @@ export const RightPanel = ({
 
   return (
     <>
-      <ResizableHandle />
+      {isOpen ? <ResizableHandle /> : null}
       <ResizablePanel
         id="1"
         order={1}
diff --git a/packages/frontend/component/src/ui/divider/divider.tsx b/packages/frontend/component/src/ui/divider/divider.tsx
index 48793ed5f9..a012f917c2 100644
--- a/packages/frontend/component/src/ui/divider/divider.tsx
+++ b/packages/frontend/component/src/ui/divider/divider.tsx
@@ -16,7 +16,7 @@ export const Divider = forwardRef<HTMLDivElement, DividerProps>(
     {
       orientation = 'horizontal',
       size = 'default',
-      dividerColor = 'var(--affine-border-color)',
+      dividerColor,
       style,
       className,
       ...otherProps
@@ -36,7 +36,7 @@ export const Divider = forwardRef<HTMLDivElement, DividerProps>(
           className
         )}
         style={{
-          backgroundColor: dividerColor ? dividerColor : undefined,
+          borderColor: dividerColor ? dividerColor : undefined,
           ...style,
         }}
         {...otherProps}
diff --git a/packages/frontend/core/src/components/doc-properties/icons/icons-selector.css.ts b/packages/frontend/core/src/components/doc-properties/icons/icons-selector.css.ts
index 6a455daf36..6121f496a2 100644
--- a/packages/frontend/core/src/components/doc-properties/icons/icons-selector.css.ts
+++ b/packages/frontend/core/src/components/doc-properties/icons/icons-selector.css.ts
@@ -45,8 +45,8 @@ export const iconSelectorButton = style({
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
-  width: 32,
-  height: 32,
+  width: 30,
+  height: 30,
   flexShrink: 0,
   border: `1px solid ${cssVar('borderColor')}`,
   background: cssVar('backgroundSecondaryColor'),
diff --git a/packages/frontend/core/src/components/doc-properties/menu/edit-doc-property.tsx b/packages/frontend/core/src/components/doc-properties/menu/edit-doc-property.tsx
index aa7a802bf7..dfc7bd2f3e 100644
--- a/packages/frontend/core/src/components/doc-properties/menu/edit-doc-property.tsx
+++ b/packages/frontend/core/src/components/doc-properties/menu/edit-doc-property.tsx
@@ -157,7 +157,7 @@ export const EditDocPropertyMenuItems = ({
             placeholder={t['unnamed']()}
             onKeyDown={onKeyDown}
             size="large"
-            style={{ borderRadius: 4 }}
+            style={{ borderRadius: 4, height: 30 }}
           />
         )}
       </div>