chore: adjust share menu styles (#10630)

close AF-2270 AF-2193 AF-2067

packages/frontend/admin/src/modules/layout.tsx

@@ -243,7 +243,7 @@ export const RightPanel = ({
 
   return (
     <>
-      <ResizableHandle />
+      {isOpen ? <ResizableHandle /> : null}
       <ResizablePanel
         id="1"
         order={1}

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}

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,
+  width: 30,
-  height: 32,
+  height: 30,
   flexShrink: 0,
   border: `1px solid ${cssVar('borderColor')}`,
   background: cssVar('backgroundSecondaryColor'),

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>