1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-12-17 12:58:51 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

style: Optimize container-associated resource styles (#11278)

Browse source 
Refs #11268
This commit is contained in:
ssongliu 2025-12-09 17:40:57 +08:00 • committed by GitHub
parent 307029272e
commit d801b811d4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 33 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
frontend/src/views/container/container/index.vue
View file

@ -262,34 +262,33 @@
</div>
</template>
</el-table-column>
<el-table-column :label="$t('container.related')" min-width="210" prop="appName">
<el-table-column
:label="$t('container.related')"
show-overflow-tooltip
min-width="210"
prop="appName"
>
<template #default="{ row }">
<div>
<el-tooltip
v-if="row.appName != ''"
:hide-after="20"
:content="$t('app.app') + ': ' + row.appName + '[' + row.appInstallName + ']'"
placement="top"
>
<el-button icon="Position" plain size="small" @click="routerToName('AppInstalled')">
{{ $t('app.app') }}: {{ row.appName }} [{{ row.appInstallName }}]
</el-button>
</el-tooltip>
</div>
<div>
<el-tooltip
v-if="row.websites != null"
:hide-after="20"
:content="row.websites.join(',')"
placement="top"
class="mt-1"
>
<el-button icon="Position" plain size="small" @click="routerToName('Website')">
{{ $t('menu.website') }}:
{{ row.websites.join(',') }}
</el-button>
</el-tooltip>
</div>
<el-button v-if="row.appName != '' || row.websites != null" link icon="Position" />
<el-text
v-if="row.appName != ''"
link
class="cursor-pointer"
size="small"
@click="routerToName('AppInstalled')"
>
{{ $t('app.app') }}: {{ row.appName }} [{{ row.appInstallName }}]
</el-text>
<el-text
v-if="row.websites != null"
link
class="cursor-pointer"
size="small"
@click="routerToName('Website')"
>
{{ $t('menu.website') }}:
{{ row.websites.join(',') }}
</el-text>
</template>
</el-table-column>
<el-table-column
@ -833,4 +832,11 @@ onMounted(() => {
border: none;
}
}
.button-cell {
width: 100%;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>