chore: adjust icon and style (#2949)

apps/web/src/components/pure/workspace-slider-bar/collections/page.tsx

@@ -4,7 +4,8 @@ import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import {
   DeleteIcon,
   EdgelessIcon,
-  FilterIcon,
+  FilterMinusIcon,
+  FilterUndoIcon,
   MoreHorizontalIcon,
   PageIcon,
 } from '@blocksuite/icons';
@@ -56,7 +57,7 @@ export const PageOperations = ({
       ...(inAllowList
         ? [
             {
-              icon: <FilterIcon />,
+              icon: <FilterMinusIcon />,
               name: 'Remove special filter',
               click: () => removeFromAllowList(page.id),
             },
@@ -65,7 +66,7 @@ export const PageOperations = ({
       ...(!inExcludeList
         ? [
             {
-              icon: <FilterIcon />,
+              icon: <FilterUndoIcon />,
               name: 'Exclude from filter',
               click: () => addToExcludeList(page.id),
             },

packages/component/src/components/page-list/view/create-collection.tsx

@@ -157,11 +157,11 @@ export const EditCollection = ({
         className={styles.scrollContainer}
         viewPortClassName={styles.container}
       >
-        <div className={styles.excludeList}>
+        {value.excludeList?.length ? (
-          <div className={styles.excludeTitle}>
+          <div className={styles.excludeList}>
-            Exclude from this collection
+            <div className={styles.excludeTitle}>
-          </div>
+              Exclude from this collection
-          {value.excludeList ? (
+            </div>
             <div className={styles.excludeListContent}>
               {value.excludeList.map(id => {
                 return (
@@ -174,11 +174,11 @@ export const EditCollection = ({
                 );
               })}
             </div>
-          ) : null}
+            <div className={styles.excludeTip}>
-          <div className={styles.excludeTip}>
+              These pages will never appear in the current collection
-            These pages will never appear in the current collection
+            </div>
           </div>
-        </div>
+        ) : null}
         <div
           style={{
             backgroundColor: 'var(--affine-hover-color)',