Commit 045fca96 authored by wenmo's avatar wenmo

修复日志预览内容溢出 bug

parent 02cc880a
.code{ .code{
width: 100%; //width: 100%;
max-height: 500px; //max-height: 400px;
display: block; display: block;
padding: 16px; padding: 16px;
overflow: auto; //overflow: auto;
font-size: 85%; font-size: 85%;
line-height: 1.45; line-height: 1.45;
background-color: rgb(246, 248, 250); background-color: rgb(246, 248, 250);
......
...@@ -10,7 +10,7 @@ import { ...@@ -10,7 +10,7 @@ import {
ModalForm, ModalForm,
} from '@ant-design/pro-form'; } from '@ant-design/pro-form';
import styles from "./index.less"; import styles from "./index.less";
import {showJobData} from "@/components/Studio/StudioEvent/DQL"; import {Scrollbars} from 'react-custom-scrollbars';
import StudioPreview from "../StudioPreview"; import StudioPreview from "../StudioPreview";
import {getJobData} from "@/pages/FlinkSqlStudio/service"; import {getJobData} from "@/pages/FlinkSqlStudio/service";
...@@ -361,8 +361,10 @@ const StudioHistory = (props: any) => { ...@@ -361,8 +361,10 @@ const StudioHistory = (props: any) => {
<FireOutlined /> {row.jobId} <FireOutlined /> {row.jobId}
</Tag> </Tag>
</ProDescriptions.Item> </ProDescriptions.Item>
<ProDescriptions.Item > <ProDescriptions.Item>
<Scrollbars style={{height: '400px',width:'100%'}}>
<pre className={styles.code}>{row.error}</pre> <pre className={styles.code}>{row.error}</pre>
</Scrollbars>
</ProDescriptions.Item> </ProDescriptions.Item>
</ProDescriptions> </ProDescriptions>
)} )}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment