style: 修改部分页面样式 (#3692)

This commit is contained in:
zhengkunwang 2024-01-25 15:18:03 +08:00 committed by GitHub
parent 61078a24fd
commit d917008f47
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 44 additions and 51 deletions

View File

@ -157,8 +157,8 @@
placement="top"
>
<el-button
link
type="primary"
link
@click="openLog(installed)"
:disabled="installed.status === 'DownloadErr'"
>
@ -169,7 +169,6 @@
<el-button
class="h-button"
type="primary"
plain
round
size="small"
@ -184,7 +183,6 @@
</el-button>
<el-button
class="h-button"
type="primary"
plain
round
size="small"
@ -199,7 +197,6 @@
</el-button>
<el-button
class="h-button"
type="primary"
plain
round
size="small"
@ -210,7 +207,6 @@
</el-button>
<el-button
class="h-button"
type="primary"
plain
round
size="small"
@ -259,9 +255,7 @@
<el-button
v-for="(button, key) in buttons"
:key="key"
:type="
button.disabled && button.disabled(installed) ? 'info' : 'primary'
"
:type="button.disabled && button.disabled(installed) ? 'info' : ''"
plain
round
size="small"

View File

@ -206,41 +206,42 @@
</el-table-column>
<el-table-column :label="$t('container.related')" min-width="200">
<template #default="{ row }">
<el-tooltip
v-if="row.appName != ''"
:hide-after="20"
:content="row.appName"
placement="top"
>
<el-button
icon="Position"
type="primary"
plain
size="small"
@click="router.push({ name: 'AppInstalled' })"
<div>
<el-tooltip
v-if="row.appName != ''"
:hide-after="20"
:content="row.appName"
placement="top"
>
{{ $t('app.app') }}: {{ row.appName }} [{{ row.appInstallName }}]
</el-button>
</el-tooltip>
<el-tooltip
v-if="row.websites != null"
:hide-after="20"
:content="row.websites.join(',')"
placement="top"
class="mt-1"
>
<el-button
icon="Position"
type="primary"
plain
size="small"
@click="router.push({ name: 'Website' })"
<el-button
icon="Position"
plain
size="small"
@click="router.push({ name: '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"
>
{{ $t('website.website') }}:
{{ row.websites.join(',') }}
</el-button>
</el-tooltip>
<el-button
icon="Position"
plain
size="small"
@click="router.push({ name: 'Website' })"
>
{{ $t('website.website') }}:
{{ row.websites.join(',') }}
</el-button>
</el-tooltip>
</div>
</template>
</el-table-column>
<el-table-column
@ -259,13 +260,12 @@
@click="goDashboard(item)"
class="tagMargin"
icon="Position"
type="primary"
plain
size="small"
>
{{ item.length > 25 ? item.substring(0, 25) + '...' : item }}
</el-button>
<el-button v-else class="tagMargin" type="primary" plain size="small">
<el-button v-else class="tagMargin" plain size="small">
{{ item }}
</el-button>
</el-tooltip>

View File

@ -72,6 +72,7 @@
v-for="(item, index) of row.tags"
:key="index"
:title="item"
type="info"
>
{{ item }}
</el-tag>

View File

@ -51,9 +51,7 @@
</el-table-column>
<el-table-column width="90">
<template #default="{ row }">
<el-tag effect="dark" round v-if="row.isSystem || row.name === '1panel-network'">
system
</el-tag>
<el-tag round v-if="row.isSystem || row.name === '1panel-network'">system</el-tag>
</template>
</el-table-column>
<el-table-column
@ -68,11 +66,11 @@
<template #default="{ row }">
<div v-for="(item, index) in row.labels" :key="index">
<div v-if="row.expand || (!row.expand && index < 3)">
<el-tag>{{ item }}</el-tag>
<el-tag type="info">{{ item }}</el-tag>
</div>
</div>
<div v-if="!row.expand && row.labels.length > 3">
<el-button type="primary" link @click="row.expand = true">
<el-button link @click="row.expand = true">
{{ $t('commons.button.expand') }}...
</el-button>
</div>

View File

@ -224,19 +224,19 @@
</el-table-column>
<el-table-column :label="$t('file.mode')" prop="mode" max-width="50">
<template #default="{ row }">
<el-link :underline="false" @click="openMode(row)" type="primary">{{ row.mode }}</el-link>
<el-link :underline="false" @click="openMode(row)">{{ row.mode }}</el-link>
</template>
</el-table-column>
<el-table-column :label="$t('commons.table.user')" prop="user" show-overflow-tooltip>
<template #default="{ row }">
<el-link :underline="false" @click="openChown(row)" type="primary">
<el-link :underline="false" @click="openChown(row)">
{{ row.user ? row.user : '-' }} ({{ row.uid }})
</el-link>
</template>
</el-table-column>
<el-table-column :label="$t('file.group')" prop="group">
<template #default="{ row }">
<el-link :underline="false" @click="openChown(row)" type="primary">
<el-link :underline="false" @click="openChown(row)">
{{ row.group ? row.group : '-' }} ({{ row.gid }})
</el-link>
</template>