fix(data-process): 对齐数据集名称起点
This commit is contained in:
@@ -581,15 +581,17 @@ onBeforeUnmount(() => {
|
||||
<div><dt>源数据集</dt><dd>{{ sourceDatasetName }}</dd></div>
|
||||
<div class="output-dataset-row">
|
||||
<dt>输出数据集</dt>
|
||||
<dd class="output-dataset-links">
|
||||
<el-button
|
||||
v-for="dataset in outputDatasets"
|
||||
:key="String(dataset.id)"
|
||||
type="primary"
|
||||
link
|
||||
@click="router.push(`/dataset/${dataset.id}/preview`)"
|
||||
>{{ dataset.name }}({{ dataset.count || 0 }} 条)<i class="fa fa-external-link" /></el-button>
|
||||
<span v-if="!outputDatasets.length">尚未发布为数据集</span>
|
||||
<dd class="output-dataset-cell">
|
||||
<div v-if="outputDatasets.length" class="output-dataset-links">
|
||||
<el-button
|
||||
v-for="dataset in outputDatasets"
|
||||
:key="String(dataset.id)"
|
||||
type="primary"
|
||||
link
|
||||
@click="router.push(`/dataset/${dataset.id}/preview`)"
|
||||
>{{ dataset.name }}({{ dataset.count || 0 }} 条)<i class="fa fa-external-link" /></el-button>
|
||||
</div>
|
||||
<span v-else>尚未发布为数据集</span>
|
||||
</dd>
|
||||
</div>
|
||||
</dl>
|
||||
@@ -856,19 +858,28 @@ onBeforeUnmount(() => {
|
||||
dt { padding-top: 2px; line-height: 24px; }
|
||||
}
|
||||
|
||||
.output-dataset-cell { min-width: 0; }
|
||||
|
||||
.output-dataset-links {
|
||||
max-width: 100%;
|
||||
min-width: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
display: inline-grid;
|
||||
grid-template-columns: max-content;
|
||||
gap: 4px;
|
||||
text-align: left;
|
||||
|
||||
:deep(.el-button) {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
margin-left: 0;
|
||||
justify-content: flex-end;
|
||||
justify-content: flex-start;
|
||||
line-height: 24px;
|
||||
text-align: right;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
:deep(.el-button i) {
|
||||
margin-left: auto;
|
||||
padding-left: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user