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

style: Adjust container network details style (#11072)

Browse source
This commit is contained in:
ssongliu 2025-11-25 18:51:18 +08:00 • committed by GitHub
parent 029e2210f5
commit fd14f53cb9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 25 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
frontend/src/views/container/container/inspect/index.vue
View file

@ -42,7 +42,7 @@
<el-descriptions class="mt-4" :column="1" border :title="$t('container.command')"> <el-descriptions class="mt-4" :column="1" border :title="$t('container.command')">
<el-descriptions-item :label="$t('container.command')"> <el-descriptions-item :label="$t('container.command')">
<div v-if="inspectData?.Config?.Cmd?.length"> <div v-if="inspectData?.Config?.Cmd?.length" class="tag-list">
<el-tag type="info" v-for="(entry, index) in inspectData?.Config?.Cmd" :key="index"> <el-tag type="info" v-for="(entry, index) in inspectData?.Config?.Cmd" :key="index">
{{ entry }} {{ entry }}
</el-tag> </el-tag>
@ -50,7 +50,7 @@
<span v-else>-</span> <span v-else>-</span>
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item label="ENTRYPONT"> <el-descriptions-item label="ENTRYPONT">
<div v-if="inspectData?.Config?.Entrypoint?.length"> <div v-if="inspectData?.Config?.Entrypoint?.length" class="tag-list">
<el-tag type="info" v-for="(entry, index) in inspectData?.Config?.Entrypoint" :key="index"> <el-tag type="info" v-for="(entry, index) in inspectData?.Config?.Entrypoint" :key="index">
{{ entry }} {{ entry }}
</el-tag> </el-tag>
@ -285,4 +285,12 @@ defineExpose({
margin-bottom: 16px; margin-bottom: 16px;
display: block; display: block;
} }
.tag-list {
.el-tag {
& ~ .el-tag {
margin-left: 5px;
}
}
}
</style> </style>

27
frontend/src/views/container/network/detail/index.vue
View file

@ -14,6 +14,12 @@
<el-descriptions-item :label="$t('container.driver')"> <el-descriptions-item :label="$t('container.driver')">
{{ networkData?.Driver || '-' }} {{ networkData?.Driver || '-' }}
</el-descriptions-item> </el-descriptions-item>
<el-descriptions-item
v-if="networkData?.Options?.parent"
:label="$t('container.parentNetworkCard')"
>
{{ networkData?.Options?.parent }}
</el-descriptions-item>
<el-descriptions-item :label="$t('commons.table.createdAt')"> <el-descriptions-item :label="$t('commons.table.createdAt')">
{{ formatDate(networkData?.Created) }} {{ formatDate(networkData?.Created) }}
</el-descriptions-item> </el-descriptions-item>
@ -39,18 +45,15 @@
:label="$t('container.subnet') + (index > 0 ? ' ' + (index + 1) : '')" :label="$t('container.subnet') + (index > 0 ? ' ' + (index + 1) : '')"
> >
<div v-if="config"> <div v-if="config">
<div v-if="config.Subnet"> <el-tag v-if="config.Subnet" type="info" :label="$t('container.subnet')">
<el-text class="mr-2">{{ $t('container.subnet') }}:</el-text> {{ $t('container.subnet') }}: {{ config.Subnet }}
<el-tag>{{ config.Subnet }}</el-tag> </el-tag>
</div> <el-tag class="ml-2" v-if="config.Gateway" type="info" :label="$t('container.gateway')">
<div v-if="config.Gateway" class="mt-1"> {{ $t('container.gateway') }}: {{ config.Gateway }}
<el-text class="mr-2">{{ $t('container.gateway') }}:</el-text> </el-tag>
<el-tag>{{ config.Gateway }}</el-tag> <el-tag class="ml-2" v-if="config.IPRange" type="info" :label="$t('container.scope')">
</div> {{ $t('container.scope') }}: {{ config.IPRange }}
<div v-if="config.IPRange" class="mt-1"> </el-tag>
<el-text class="mr-2">{{ $t('container.scope') }}:</el-text>
<el-tag>{{ config.IPRange }}</el-tag>
</div>
</div> </div>
<span v-else>-</span> <span v-else>-</span>
</el-descriptions-item> </el-descriptions-item>