style: custom srcoll bar style

2024-08-19 14:34:29 +08:00
parent 5b050265c1
commit 5d1d8773ec
8 changed files with 190 additions and 209 deletions
@@ -1,16 +1,28 @@
 import React from 'react';
+import SimpleBar from 'simplebar-react';
+import 'simplebar-react/dist/simplebar.min.css';
 import '../style/column-wrapper.less';

 const ColumnWrapper: React.FC<any> = ({ children, footer }) => {
  if (footer) {
    return (
      <div className="column-wrapper-footer">
-        <div className="column-wrapper">{children}</div>
+        <div className="column-wrapper">
+          <SimpleBar
+            style={{ height: 'calc(100vh - 89px)', paddingBottom: '50px' }}
+          >
+            {children}
+          </SimpleBar>
+        </div>
        {<div className="footer">{footer}</div>}
      </div>
    );
  }
-  return <div className="column-wrapper">{children}</div>;
+  return (
+    <div className="column-wrapper">
+      <SimpleBar style={{ height: 'calc(100vh - 89px)' }}>{children}</SimpleBar>
+    </div>
+  );
 };

 export default ColumnWrapper;