gh_mirrors/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-03-14 01:34:47 +08:00
Code

style:优化container界面的布局 (#6348)

Browse Source
This commit is contained in:
trom 2024-09-03 13:46:37 +08:00 committed by GitHub
parent 051f670453
commit 228e3d9ae3
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/src/views/container/container/index.vue
View File

@ -22,15 +22,17 @@
</div> </div>
</template> </template>
<template #toolbar> <template #toolbar>
<el-row> <div class="flex w-full flex-col gap-4 md:justify-between md:flex-row">
<el-col :xs="24" :sm="16" :md="16" :lg="16" :xl="16"> <div class="flex flex-wrap gap-4">
<el-button type="primary" @click="onOpenDialog('create')"> <div>
{{ $t('container.create') }} <el-button type="primary" @click="onOpenDialog('create')">
</el-button> {{ $t('container.create') }}
<el-button type="primary" plain @click="onClean()"> </el-button>
{{ $t('container.containerPrune') }} <el-button type="primary" plain @click="onClean()">
</el-button> {{ $t('container.containerPrune') }}
<el-button-group class="ml-4"> </el-button>
</div>
<el-button-group>
<el-button :disabled="checkStatus('start', null)" @click="onOperate('start', null)"> <el-button :disabled="checkStatus('start', null)" @click="onOperate('start', null)">
{{ $t('container.start') }} {{ $t('container.start') }}
</el-button> </el-button>
@ -53,12 +55,12 @@
{{ $t('container.remove') }} {{ $t('container.remove') }}
</el-button> </el-button>
</el-button-group> </el-button-group>
</el-col> </div>
<el-col :xs="24" :sm="8" :md="8" :lg="8" :xl="8"> <div class="flex flex-row gap-2 md:flex-col lg:flex-row">
<TableSetting title="container-refresh" @search="refresh()" /> <TableSetting title="container-refresh" @search="refresh()" />
<TableSearch @search="search()" v-model:searchName="searchName" /> <TableSearch @search="search()" v-model:searchName="searchName" />
</el-col> </div>
</el-row> </div>
</template> </template>
<template #search> <template #search>
<el-select v-model="searchState" @change="search()" clearable class="p-w-200"> <el-select v-model="searchState" @change="search()" clearable class="p-w-200">