feat: 调整样式遮挡问题 (#431)

Co-authored-by: fusikai <fusikai@douyu.tv>
douyu · Feb 24, 2023 · d75328d · d75328d
1 parent 63b8ba3
commit d75328d
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/assets/src/pages/app/components/Event/index.tsx b/assets/src/pages/app/components/Event/index.tsx
@@ -39,7 +39,7 @@ function Event(props: AppEventProps & AppEventState) {
   }, [active, appName, env]);
 
   return (
-    <div style={{ padding: '20px', overflow: 'auto' }}>
+    <div style={{ padding: '20px', overflow: 'auto', flex: 1, overflow: "auto" }}>
       <List
         loading={listLoading}
         pagination={{

diff --git a/assets/src/pages/app/style.less b/assets/src/pages/app/style.less
@@ -131,6 +131,8 @@
       right: 0;
       bottom: 0;
       left: 0;
+      display: flex;
+      flex-direction: column;
     }
 
     .ant-tabs-left {

diff --git a/assets/src/pages/etcd/etcd.jsx b/assets/src/pages/etcd/etcd.jsx
@@ -237,7 +237,7 @@ export default class Etcd extends React.PureComponent {
     }
 
     return (
-      <div style={{ backgroundColor: '#f7f8fa' }}>
+      <div style={{ backgroundColor: '#f7f8fa', flex: 1, overflow: "auto" }}>
         <div
           style={{
             marginLeft: 10,

diff --git a/assets/src/pages/pprof/pprof.jsx b/assets/src/pages/pprof/pprof.jsx
@@ -214,7 +214,7 @@ export default class PPofList extends React.PureComponent {
 
   handleCheckLog = (e) => {
     console.log('click', e);
-    const {} = this.state;
+    const { } = this.state;
     installDep({ installType: e * 1 }).then((rs) => {
       const { code, msg, data } = rs;
       if (code === 0) {
@@ -306,7 +306,7 @@ export default class PPofList extends React.PureComponent {
       onChangeZone(e.target.value);
     };
     return (
-      <div style={{ marginLeft: 10, marginTop: 10, marginRight: 10, marginBottom: 10 }}>
+      <div style={{ marginLeft: 10, marginTop: 10, marginRight: 10, marginBottom: 10, flex: 1, overflow: "auto" }}>
         <Row>
           <Col span={8}>
             <Select