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

style:优化日志审计页面样式 (#6441)

Browse Source
This commit is contained in:
see-more 2024-09-11 10:16:02 +08:00 committed by GitHub
parent f88a3059be
commit 0ea142d6db
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 43 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/styles/common.scss
View File

@ -188,10 +188,10 @@ html {
width: 400px; width: 400px;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
z-index: 1;
.bt { .bt {
margin-top: -2px; margin-top: -2px;
} }
z-index: 1;
} }
.table-button { .table-button {

1
frontend/src/views/host/file-management/index.vue
View File

@ -1205,6 +1205,7 @@ onMounted(() => {
.right-section { .right-section {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 1rem;
} }
.left-section > *:not(:first-child) { .left-section > *:not(:first-child) {

12
frontend/src/views/log/operation/index.vue
View File

@ -21,6 +21,7 @@
</div> </div>
</template> </template>
<template #search> <template #search>
<div class="flex flex-wrap gap-2 sm:gap-4 items-center">
<el-select v-model="searchGroup" @change="search()" clearable class="p-w-200"> <el-select v-model="searchGroup" @change="search()" clearable class="p-w-200">
<template #prefix>{{ $t('logs.resource') }}</template> <template #prefix>{{ $t('logs.resource') }}</template>
<el-option :label="$t('commons.table.all')" value=""></el-option> <el-option :label="$t('commons.table.all')" value=""></el-option>
@ -36,21 +37,16 @@
<el-option :label="$t('logs.detail.logs')" value="logs"></el-option> <el-option :label="$t('logs.detail.logs')" value="logs"></el-option>
<el-option :label="$t('logs.detail.settings')" value="settings"></el-option> <el-option :label="$t('logs.detail.settings')" value="settings"></el-option>
</el-select> </el-select>
<el-select <el-select v-model="searchStatus" @change="search()" clearable class="p-w-200">
v-model="searchStatus"
@change="search()"
clearable
style="margin-left: 10px"
class="p-w-200"
>
<template #prefix>{{ $t('commons.table.status') }}</template> <template #prefix>{{ $t('commons.table.status') }}</template>
<el-option :label="$t('commons.table.all')" value=""></el-option> <el-option :label="$t('commons.table.all')" value=""></el-option>
<el-option :label="$t('commons.status.success')" value="Success"></el-option> <el-option :label="$t('commons.status.success')" value="Success"></el-option>
<el-option :label="$t('commons.status.failed')" value="Failed"></el-option> <el-option :label="$t('commons.status.failed')" value="Failed"></el-option>
</el-select> </el-select>
<el-button type="primary" style="margin-left: 10px" plain @click="onClean()"> <el-button type="primary" plain @click="onClean()">
{{ $t('logs.deleteLogs') }} {{ $t('logs.deleteLogs') }}
</el-button> </el-button>
</div>
</template> </template>
<template #main> <template #main>
<ComplexTable :pagination-config="paginationConfig" :data="data" @search="search"> <ComplexTable :pagination-config="paginationConfig" :data="data" @search="search">

4
frontend/src/views/log/system/index.vue
View File

@ -17,11 +17,11 @@
</el-row> </el-row>
</template> </template>
<template #search> <template #search>
<el-select class="float-left p-w-200" v-model="logConfig.name" @change="search()"> <div class="flex flex-wrap gap-2 sm:gap-4">
<el-select class="p-w-200" v-model="logConfig.name" @change="search()">
<template #prefix>{{ $t('commons.button.log') }}</template> <template #prefix>{{ $t('commons.button.log') }}</template>
<el-option v-for="(item, index) in fileList" :key="index" :label="item" :value="item" /> <el-option v-for="(item, index) in fileList" :key="index" :label="item" :value="item" />
</el-select> </el-select>
<div class="watchCheckbox">
<el-checkbox border @change="changeTail" v-model="isWatch"> <el-checkbox border @change="changeTail" v-model="isWatch">
{{ $t('commons.button.watch') }} {{ $t('commons.button.watch') }}
</el-checkbox> </el-checkbox>

14
frontend/src/views/log/website/index.vue
View File

@ -20,7 +20,7 @@
</el-button> </el-button>
</template> </template>
<template #search> <template #search>
<div> <div class="flex flex-wrap items-center gap-2 sm:gap-4">
<el-select v-model="logConfig.id" @change="changeWebsite()" class="p-w-200"> <el-select v-model="logConfig.id" @change="changeWebsite()" class="p-w-200">
<template #prefix>{{ $t('website.website') }}</template> <template #prefix>{{ $t('website.website') }}</template>
<el-option <el-option
@ -30,15 +30,15 @@
:value="website.id" :value="website.id"
></el-option> ></el-option>
</el-select> </el-select>
<el-button class="left-button"> <el-button>
<el-checkbox v-model="tailLog" @change="changeTail" :disabled="logConfig.id == undefined"> <el-checkbox v-model="tailLog" @change="changeTail" :disabled="logConfig.id == undefined">
{{ $t('commons.button.watch') }} {{ $t('commons.button.watch') }}
</el-checkbox> </el-checkbox>
</el-button> </el-button>
<el-button class="left-button" @click="onDownload" icon="Download" :disabled="!hasContent"> <el-button @click="onDownload" icon="Download" :disabled="!hasContent">
{{ $t('file.download') }} {{ $t('file.download') }}
</el-button> </el-button>
<el-button type="primary" plain @click="onClean()" class="left-button" :disabled="!hasContent"> <el-button type="primary" plain @click="onClean()" :disabled="!hasContent">
{{ $t('logs.deleteLogs') }} {{ $t('logs.deleteLogs') }}
</el-button> </el-button>
</div> </div>
@ -158,3 +158,9 @@ onMounted(() => {
getWebsites(); getWebsites();
}); });
</script> </script>
<style scoped>
.el-button + .el-button {
margin: 0 !important;
}
</style>