feat(component-test): 优化测试实例组件布局与样式

- 调整测试实例组件中折叠面板标题的宽度为100%
- 修改操作标识符容器的样式以增强布局灵活性
- 在折叠面板标题上增加全局CSS类名支持
- 更新相关样式文件以适配新的布局需求
master
钟良源 2 months ago
parent f9e7a55b96
commit 99578da78b

@ -71,6 +71,11 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
:global(.arco-collapse-item-header-title) {
width: 100%;
}
.tree-list { .tree-list {
.tree-item { .tree-item {
display: flex; display: flex;

@ -115,7 +115,15 @@ const TestInstance = ({ instance, parentId, onBack }: { instance: any; parentId:
{testCaseList.map((item: any, index: number) => ( {testCaseList.map((item: any, index: number) => (
<CollapseItem <CollapseItem
header={ header={
<div onClick={() => setActiveOperationIdent(item.operationIdent)}> <div
style={{
width: '100%',
height: '100%',
display: 'flex',
alignItems: 'center'
}}
onClick={() => setActiveOperationIdent(item.operationIdent)}
>
{item.operationIdent} {item.operationIdent}
</div> </div>
} }

Loading…
Cancel
Save