feat: dashboard

src/components/divider-line/index.less

@@ -0,0 +1,20 @@
+.divider-line {
+  height: 8px;
+  // border-radius: 4px;
+  width: 100%;
+  // background-color: var(--color-fill-1);
+  z-index: 100;
+  margin: 0;
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: -9px;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    background: var(--color-fill-1);
+    // border-radius: 4px;
+  }
+}

src/components/divider-line/index.tsx

@@ -0,0 +1,6 @@
+import styles from './index.less';
+const DividerLine: React.FC = () => {
+  return <div className={styles['divider-line']}></div>;
+};
+
+export default DividerLine;

src/components/page-tools/index.less

@@ -3,4 +3,14 @@
   justify-content: space-between;
   align-items: center;
   margin-top: 70px;
+  .left {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+  }
+  .right {
+    display: flex;
+    align-items: center;
+    font-size: 14px;
+  }
 }

src/components/page-tools/index.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import styles from './index.less';
+import './index.less';
 
 type PageToolsProps = {
   left?: React.ReactNode;
@@ -9,21 +9,17 @@ type PageToolsProps = {
 };
 
 const PageTools: React.FC<PageToolsProps> = (props) => {
-  const { left, right, marginBottom, marginTop } = props;
+  const { left, right, marginBottom = 0, marginTop = 70 } = props;
 
   const newStyle: Record<string, string> = useMemo(() => {
     const style: Record<string, string> = {};
-    if (marginBottom) {
-      style.marginBottom = `${marginBottom}px`;
-    }
-    if (marginTop) {
-      style.marginTop = `${marginTop}px`;
-    }
+    style.marginBottom = `${marginBottom}px`;
+    style.marginTop = `${marginTop}px`;
     return style;
   }, [marginBottom, marginTop]);
 
   return (
-    <div className={styles['page-tools']} style={newStyle}>
+    <div className="page-tools" style={newStyle}>
       <div className="left">{left}</div>
       <div className="right">{right}</div>
     </div>