fix(用例管理): 修复功能用例回收站表格上面文字过长不显示数量问题

--bug=1037269 --user=郭雨琦 https://www.tapd.cn/55049933/bugtrace/bugs/view/1155049933001037269
This commit is contained in:
guoyuqi 2024-03-20 19:43:28 +08:00 committed by Craftsman
parent 66844564d6
commit 7e48a11920
1 changed files with 11 additions and 4 deletions

View File

@ -74,10 +74,12 @@
>
<template #left>
<a-popover title="" position="bottom">
<div class="one-line-text max-h-[32px] max-w-[116px] text-[var(--color-text-1)]"
>{{ moduleNamePath }}
<span class="text-[var(--color-text-4)]"> ({{ recycleModulesCount[activeFolder] || 0 }})</span></div
>
<div class="show-table-top-title">
<div class="one-line-text max-h-[32px] max-w-[116px] text-[var(--color-text-1)]">
{{ moduleNamePath }}
</div>
<span class="text-[var(--color-text-4)]"> ({{ recycleModulesCount[activeFolder] || 0 }})</span>
</div>
<template #content>
<div class="text-[14px] font-medium text-[var(--color-text-1)]">
{{ moduleNamePath }}
@ -1098,4 +1100,9 @@
.page-header {
@apply flex items-center justify-between;
}
.show-table-top-title {
display: flex;
flex-direction: row;
justify-content: space-between;
}
</style>