mirror/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-11-23 18:49:21 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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