gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-01-19 16:29:17 +08:00
Code

fix: 悬浮显示样式修改

Browse Source
This commit is contained in:
ssongliu 2023-03-13 10:24:24 +08:00 committed by ssongliu
parent 95bc5cc902
commit 16b54a8604
5 changed files with 22 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/views/container/repo/index.vue
View File

@ -54,7 +54,10 @@
<el-tag v-if="row.status === 'Success'" type="success"> <el-tag v-if="row.status === 'Success'" type="success">
{{ $t('commons.status.success') }} {{ $t('commons.status.success') }}
</el-tag> </el-tag>
<el-tooltip v-else effect="dark" :content="row.message" placement="bottom"> <el-tooltip v-else effect="dark" placement="bottom">
<template #content>
<div style="width: 300px; word-break: break-all">{{ row.message }}</div>
</template>
<el-tag type="danger">{{ $t('commons.status.failed') }}</el-tag> <el-tag type="danger">{{ $t('commons.status.failed') }}</el-tag>
</el-tooltip> </el-tooltip>
</template> </template>

11
frontend/src/views/container/volume/index.vue
View File

@ -45,13 +45,10 @@
<el-table-column type="selection" fix /> <el-table-column type="selection" fix />
<el-table-column :label="$t('commons.table.name')" min-width="80" prop="name" fix> <el-table-column :label="$t('commons.table.name')" min-width="80" prop="name" fix>
<template #default="{ row }"> <template #default="{ row }">
<el-tooltip <el-tooltip v-if="row.name.length > 20" effect="dark" placement="bottom">
v-if="row.name.length > 20" <template #content>
class="box-item" <div style="width: 300px; word-break: break-all">{{ row.name }}</div>
effect="dark" </template>
:content="row.name"
placement="top"
>
<el-link @click="onInspect(row.name)" type="primary"> <el-link @click="onInspect(row.name)" type="primary">
{{ row.name.substring(0, 20) }}... {{ row.name.substring(0, 20) }}...
</el-link> </el-link>

5
frontend/src/views/cronjob/index.vue
View File

@ -45,7 +45,10 @@
<el-table-column type="selection" fix /> <el-table-column type="selection" fix />
<el-table-column :label="$t('cronjob.taskName')" :min-width="120" prop="name"> <el-table-column :label="$t('cronjob.taskName')" :min-width="120" prop="name">
<template #default="{ row }"> <template #default="{ row }">
<el-tooltip effect="dark" :content="row.name" v-if="row.name.length > 12" placement="top"> <el-tooltip effect="dark" v-if="row.name.length > 12" placement="top">
<template #content>
<div style="width: 300px; word-break: break-all">{{ row.name }}</div>
</template>
<el-link @click="loadDetail(row)" type="primary"> <el-link @click="loadDetail(row)" type="primary">
{{ row.name.substring(0, 15) }}... {{ row.name.substring(0, 15) }}...
</el-link> </el-link>

12
frontend/src/views/cronjob/record/index.vue
View File

@ -221,12 +221,12 @@
<template #label> <template #label>
<span class="status-label">{{ $t('commons.table.status') }}</span> <span class="status-label">{{ $t('commons.table.status') }}</span>
</template> </template>
<el-tooltip <el-tooltip v-if="currentRecord?.status === 'Failed'" placement="top">
v-if="currentRecord?.status === 'Failed'" <template #content>
class="box-item" <div style="width: 300px; word-break: break-all">
:content="currentRecord?.message" {{ currentRecord?.message }}
placement="top" </div>
> </template>
<el-tag type="danger">{{ $t('commons.table.statusFailed') }}</el-tag> <el-tag type="danger">{{ $t('commons.table.statusFailed') }}</el-tag>
</el-tooltip> </el-tooltip>
<el-tag type="success" v-if="currentRecord?.status === 'Success'"> <el-tag type="success" v-if="currentRecord?.status === 'Success'">

11
frontend/src/views/setting/snapshot/index.vue
View File

@ -63,13 +63,10 @@
<el-tag v-if="row.status === 'Uploading'" type="info"> <el-tag v-if="row.status === 'Uploading'" type="info">
{{ $t('commons.status.uploading') }}... {{ $t('commons.status.uploading') }}...
</el-tag> </el-tag>
<el-tooltip <el-tooltip v-if="row.status === 'Failed'" effect="dark" placement="top">
v-if="row.status === 'Failed'" <template #content>
class="box-item" <div style="width: 300px; word-break: break-all">{{ row.message }}</div>
effect="dark" </template>
:content="row.message"
placement="top-start"
>
<el-tag type="danger">{{ $t('commons.table.statusFailed') }}</el-tag> <el-tag type="danger">{{ $t('commons.table.statusFailed') }}</el-tag>
</el-tooltip> </el-tooltip>
</template> </template>