github/lina
1
0
Fork 0
mirror of https://github.com/jumpserver/lina.git synced 2025-08-12 12:01:58 +00:00
Code Issues Projects Releases Wiki Activity

style: Adjust the remote application page layout

Browse Source
This commit is contained in:
zhaojisen 2024-09-18 21:15:49 +08:00
parent 1305f90372
commit 74519e6f3c
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Table/CardTable/index.vue
View File

@ -7,10 +7,10 @@
v-bind="headerActions" v-bind="headerActions"
/> />
<el-row :gutter="10" class="the-row"> <el-row :gutter="10" class="the-row">
<IBox v-if="totalData.length === 0"> <IBox v-if="totalData.length === 0" style="width: 100%">
<el-empty :description="$t('NoData')" :image-size="200" class="no-data" style="padding: 20px" /> <el-empty :description="$t('NoData')" :image-size="200" class="no-data" style="padding: 20px" />
</IBox> </IBox>
<el-col v-for="(d, index) in totalData" :key="index" :lg="8" :md="12" :sm="24" style="min-width: 335px;"> <el-col v-for="(d, index) in totalData" :key="index" style="max-width: 550px; width: 350px">
<el-card <el-card
:body-style="{ 'text-align': 'center', 'padding': '15px' }" :body-style="{ 'text-align': 'center', 'padding': '15px' }"
:class="{'is-disabled': isDisabled(d)}" :class="{'is-disabled': isDisabled(d)}"
@ -234,8 +234,10 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
.the-row { .the-row {
display: flex;
flex-wrap: wrap;
width: 100%;
margin-top: 15px; margin-top: 15px;
max-width: 1600px;
text-align: center; text-align: center;
.el-col, div { .el-col, div {