style: adjust page list header style (#3599)

packages/component/src/components/page-list/all-page.tsx

@@ -67,7 +67,7 @@ const AllPagesHead = ({
         content: t['Created'](),
         proportion: 0.1,
         tableCellStyle: {
-          width: '80px',
+          width: '110px',
         } satisfies CSSProperties,
       },
       {
@@ -75,7 +75,7 @@ const AllPagesHead = ({
         content: t['Updated'](),
         proportion: 0.1,
         tableCellStyle: {
-          width: '80px',
+          width: '110px',
         } satisfies CSSProperties,
       },
       {
@@ -90,7 +90,7 @@ const AllPagesHead = ({
         showWhen: () => !isPublicWorkspace,
         sortable: false,
         tableCellStyle: {
-          width: '130px',
+          width: '140px',
         } satisfies CSSProperties,
         styles: {
           justifyContent: 'flex-end',

packages/component/src/ui/button/styles.css.ts

@@ -20,7 +20,7 @@ export const dropdownBtn = style({
   cursor: 'pointer',
   selectors: {
     '&:hover': {
-      background: 'var(--affine-hover-color)',
+      background: 'var(--affine-hover-color-filled)',
     },
   },
 });
@@ -94,7 +94,7 @@ export const radioButtonGroup = style({
   display: 'inline-flex',
   justifyContent: 'space-between',
   alignItems: 'center',
-  background: 'var(--affine-hover-color)',
+  background: 'var(--affine-hover-color-filled)',
   borderRadius: '10px',
   padding: '2px',
   // @ts-expect-error - fix electron drag