cfel-base-components 1.0.2 → 1.0.3

package/demo/src/index.jsx

@@ -11,9 +11,13 @@ import PageContainer from '../../src/components/base-component/PageContainer';
 // import RoleInfo from '../../src/components/universal-pages/roleInfo';
 
 const App = () => {
-    return <PageContainer className={"aaa"}>
-        123
-    </PageContainer>
+    return <div className={"a"}>
+        <PageContainer >
+        123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123
+        </PageContainer>
+    </div>
+
+
 }
 const container = document.getElementById('root');
 const root = createRoot(container);

package/demo/src/index.scss

@@ -1,3 +1,4 @@
-.bbb {
-    background: cyan;
+.a {
+    background: red;
+    height: calc(100vh - 48px);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfel-base-components",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "cfel-base-components",
   "main": "/src/index.tsx",
   "types": "src/index.d.ts",

package/src/components/base-component/PageContainer/index.module.less

@@ -1,5 +1,4 @@
 .wrap {
-  width: 100%;
   height: 100%;
   overflow-y: auto;
   padding: 12px 12px 0;
@@ -11,7 +10,7 @@
   position: relative;
   background: white;
   border-radius: 8px;
-  height: 100%;
+  flex: 1;
 }
 
 .foot-empower {

package/src/components/layout/index.scss

@@ -159,6 +159,7 @@ body {
 }
 
 .lios-content {
+    flex: 1;
     width: 100%;
     height: calc(100vh - 48px);
 }