style:优化container界面的布局 (#6348)
Some checks failed
Build Test / build-linux-binary (push) Failing after -8m34s
Build / SonarCloud (push) Failing after -8m35s
sync2gitee / repo-sync (push) Failing after -8m38s

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

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">