💄 style: Fallback some style

lobehub · Sep 23, 2024 · 7b0dbc1 · 7b0dbc1
1 parent 8c60b4a
commit 7b0dbc1
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 26 deletions.
diff --git a/src/ActionIconGroup/demos/index.tsx b/src/ActionIconGroup/demos/index.tsx
@@ -20,7 +20,6 @@ export default () => {
         options: ['small', 'normal', 'large'],
         value: 'small',
       },
-      spotlight: true,
       type: {
         options: ['ghost', 'block', 'pure'],
         value: 'block',

diff --git a/src/ActionIconGroup/index.tsx b/src/ActionIconGroup/index.tsx
@@ -7,7 +7,6 @@ import { Flexbox } from 'react-layout-kit';
 
 import ActionIcon, { type ActionIconProps } from '@/ActionIcon';
 import Icon, { IconSizeType } from '@/Icon';
-import Spotlight from '@/Spotlight';
 import { DivProps } from '@/types';
 
 import { useStyles } from './style';
@@ -68,7 +67,6 @@ const ActionIconGroup = memo<ActionIconGroupProps>(
     type = 'block',
     items = [],
     placement,
-    spotlight = true,
     direction = 'row',
     dropdownMenu = [],
     onActionClick,
@@ -81,7 +79,6 @@ const ActionIconGroup = memo<ActionIconGroupProps>(
 
     return (
       <Flexbox className={styles.container} horizontal={direction === 'row'} {...rest}>
-        {spotlight && <Spotlight />}
         {items?.length > 0 &&
           items.map((item) => (
             <ActionIcon

diff --git a/src/ActionIconGroup/style.ts b/src/ActionIconGroup/style.ts
@@ -1,7 +1,7 @@
 import { createStyles } from 'antd-style';
 
 export const useStyles = createStyles(
-  ({ css, token, stylish, cx }, { type }: { type: 'ghost' | 'block' | 'pure' }) => {
+  ({ css, token, cx }, { type }: { type: 'ghost' | 'block' | 'pure' }) => {
     const typeStylish = css`
       background-color: ${type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary};
       border: 1px solid ${type === 'block' ? 'transparent' : token.colorBorder};
@@ -10,7 +10,6 @@ export const useStyles = createStyles(
     return {
       container: cx(
         type !== 'pure' && typeStylish,
-        stylish.blur,
         css`
           position: relative;
           padding: 2px;

diff --git a/src/ChatHeader/style.ts b/src/ChatHeader/style.ts
@@ -1,33 +1,30 @@
 import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
 
-export const useStyles = createStyles(({ css, token, stylish, cx }) => {
+export const useStyles = createStyles(({ css, token }) => {
   return {
     center: css`
       position: relative;
       overflow: hidden;
     `,
-    container: cx(
-      stylish.blurStrong,
-      css`
-        position: absolute;
-        z-index: 10;
+    container: css`
+      position: absolute;
+      z-index: 10;
 
-        overflow: hidden;
-        grid-area: header;
-        align-self: stretch;
+      overflow: hidden;
+      grid-area: header;
+      align-self: stretch;
 
-        width: 100%;
-        height: 64px;
+      width: 100%;
+      height: 64px;
 
-        background: linear-gradient(
-          to bottom,
-          ${rgba(token.colorBgLayout, 0.8)},
-          ${rgba(token.colorBgLayout, 0.4)}
-        );
-        border-block-end: 1px solid ${token.colorBorder};
-      `,
-    ),
+      background: linear-gradient(
+        to bottom,
+        ${rgba(token.colorBgLayout, 0.8)},
+        ${rgba(token.colorBgLayout, 0.4)}
+      );
+      border-block-end: 1px solid ${token.colorBorder};
+    `,
     left: css`
       position: relative;
       overflow: hidden;

diff --git a/src/Modal/index.tsx b/src/Modal/index.tsx
@@ -70,7 +70,6 @@ const useStyles = createStyles(
       `,
       wrap: css`
         overflow: hidden auto;
-        backdrop-filter: blur(2px);
       `,
     };
   },