💄 style: Rollback chat header style

lobehub · Sep 23, 2024 · 3129afc · 3129afc
1 parent 071706f
commit 3129afc
Showing 1 changed file with 19 additions and 16 deletions.
diff --git a/src/ChatHeader/style.ts b/src/ChatHeader/style.ts
@@ -1,30 +1,33 @@
 import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
 
-export const useStyles = createStyles(({ css, token }) => {
+export const useStyles = createStyles(({ css, token, stylish, cx }) => {
  return {
  center: css`
  position: relative;
  overflow: hidden;
  `,
- container: css`
- position: absolute;
- z-index: 10;
+ container: cx(
+ stylish.blurStrong,
+ 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;