4.6.7-alpha commit (#743)

Co-authored-by: Archer <545436317@qq.com>
Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>

packages/web/components/common/MyTooltip/index.tsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Tooltip, TooltipProps } from '@chakra-ui/react';
+
+interface Props extends TooltipProps {
+  forceShow?: boolean;
+}
+
+const MyTooltip = ({ children, shouldWrapChildren = true, ...props }: Props) => {
+  return (
+    <Tooltip
+      className="tooltip"
+      bg={'white'}
+      arrowShadowColor={' rgba(0,0,0,0.05)'}
+      hasArrow
+      arrowSize={12}
+      offset={[-15, 15]}
+      color={'myGray.800'}
+      px={4}
+      py={2}
+      borderRadius={'8px'}
+      whiteSpace={'pre-wrap'}
+      boxShadow={'1px 1px 10px rgba(0,0,0,0.2)'}
+      shouldWrapChildren={shouldWrapChildren}
+      {...props}
+    >
+      {children}
+    </Tooltip>
+  );
+};
+
+export default MyTooltip;