docs: fix anchor positioning (ant-design#44348)

ammar-knowledge · Aug 22, 2023 · 70d9a90 · 70d9a90
1 parent 80e1bc8
commit 70d9a90
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/.dumi/theme/common/styles/Common.tsx b/.dumi/theme/common/styles/Common.tsx
@@ -1,9 +1,13 @@
 import { css, Global } from '@emotion/react';
 import React from 'react';
+import { useTheme } from 'antd-style';
 
-export default () => (
- <Global
- styles={css`
+export default () => {
+ const { headerHeight, margin } = useTheme();
+
+ return (
+ <Global
+ styles={css`
  body,
  div,
  dl,
@@ -55,6 +59,11 @@ export default () => (
  vertical-align: middle;
  border-style: none;
  }
+
+ html {
+ scroll-padding-top: ${headerHeight + margin}px;
+ }
  `}
- />
-);
+ />
+ );
+};