fix: ui issues (#3738)

Co-authored-by: Alex Yang <himself65@outlook.com>

packages/component/src/components/page-list/operation-menu-items/export.tsx

@@ -233,7 +233,7 @@ export const Export = ({
   return (
     <Menu
       width={248}
-      trigger="click"
+      trigger="hover"
       placement="right-start"
       content={
         <>

packages/component/src/components/setting-components/share.css.ts

@@ -57,7 +57,7 @@ export const settingRow = style({
 });
 
 globalStyle(`${settingRow} .left-col`, {
-  flexShrink: 0,
+  flex: 1,
   maxWidth: '100%',
 });
 globalStyle(`${settingRow}.two-col .left-col`, {
@@ -74,7 +74,7 @@ globalStyle(`${settingRow} .desc`, {
   color: 'var(--affine-text-secondary-color)',
 });
 globalStyle(`${settingRow} .right-col`, {
-  flexGrow: 1,
+  width: '250px',
   display: 'flex',
   justifyContent: 'flex-end',
   paddingLeft: '15px',