xinyin025/new-api
1
0
Fork 0
mirror of https://github.com/linux-do/new-api.git synced 2025-11-08 07:03:42 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

perf: 美化绘画界面UI

Browse Source
This commit is contained in:
CaIon
2024-01-13 22:38:50 +08:00
parent e41fcd563e
commit e688e41360
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/MjLogsTable.js
View File

@@ -37,7 +37,7 @@ function renderType(type) {
case 'BLEAND': case 'BLEAND':
return <Tag color="lime" size='large'>图混合</Tag>; return <Tag color="lime" size='large'>图混合</Tag>;
default: default:
return <Tag color="black" size='large'>未知</Tag>; return <Tag color="white" size='large'>未知</Tag>;
} }
} }
@@ -51,7 +51,7 @@ function renderCode(code) {
case 22: case 22:
return <Tag color="orange" size='large'>重复提交</Tag>; return <Tag color="orange" size='large'>重复提交</Tag>;
default: default:
return <Tag color="black" size='large'>未知</Tag>; return <Tag color="white" size='large'>未知</Tag>;
} }
} }
@@ -70,7 +70,7 @@ function renderStatus(type) {
case 'FAILURE': case 'FAILURE':
return <Tag color="red" size='large'>失败</Tag>; return <Tag color="red" size='large'>失败</Tag>;
default: default:
return <Tag color="black" size='large'>未知</Tag>; return <Tag color="white" size='large'>未知</Tag>;
} }
} }
@@ -173,7 +173,7 @@ const LogsTable = () => {
<div> <div>
{ {
// 转换例如100%为数字100，如果text未定义，返回0 // 转换例如100%为数字100，如果text未定义，返回0
<Progress percent={text ? parseInt(text.replace('%', '')) : 0} showInfo={true} <Progress stroke={record.status === "FAILURE"?"var(--semi-color-warning)":null} percent={text ? parseInt(text.replace('%', '')) : 0} showInfo={true}
aria-label="drawing progress"/> aria-label="drawing progress"/>
} }
</div> </div>

1
web/src/pages/Midjourney/index.js
View File

@@ -1,5 +1,4 @@
import React from 'react'; import React from 'react';
import { Header, Segment } from 'semantic-ui-react';
import MjLogsTable from '../../components/MjLogsTable'; import MjLogsTable from '../../components/MjLogsTable';
const Midjourney = () => ( const Midjourney = () => (