1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-12-17 21:08:25 +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

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

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