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

style:优化设置移动端界面 (#6443)

Browse Source 
* style:优化设置移动端界面

* style:设置-安全界面样式

* style:修复设置-备份账号服务器磁盘移动端无法剧中

* style:优化移动端设置界面
This commit is contained in:
see-more 2024-09-11 10:30:46 +08:00 committed by GitHub
parent 0ea142d6db
commit 71c1c5ae83
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 38 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/views/setting/backup-account/index.vue
View File

@ -2,22 +2,21 @@
<div>
<LayoutContent :title="$t('commons.button.backup')">
<template #main>
<el-form label-width="130px" :v-key="refresh">
<el-row :gutter="20">
<el-col :span="24">
<div class="flx-justify-between">
<span class="flx-align-center">
<el-form :v-key="refresh">
<div class="flex flex-col gpa-4">
<div class="flex flex-row justify-between items-center">
<div class="flex gap-1 items-center">
<svg-icon class="card-logo" iconName="p-file-folder"></svg-icon>
<span class="card-title">&nbsp;{{ $t('setting.LOCAL') }}</span>
</span>
<div style="float: right">
</div>
<div>
<el-button round @click="onOpenDialog('edit', 'LOCAL', localData)">
{{ $t('commons.button.edit') }}
</el-button>
</div>
</div>
<el-divider class="divider" />
<div style="margin-left: 20px">
<div class="grid gird-cols-2 items-center justify-center">
<el-form-item :label="$t('setting.backupDir')">
{{ localData.varsJson['dir'] }}
</el-form-item>
@ -25,8 +24,7 @@
{{ dateFormat(0, 0, localData.createdAt) }}
</el-form-item>
</div>
</el-col>
</el-row>
</div>
</el-form>
<div class="common-div">

8
frontend/src/views/setting/panel/index.vue
View File

@ -2,7 +2,7 @@
<div v-loading="loading">
<LayoutContent :title="$t('setting.panel')" :divider="true">
<template #main>
<el-form :model="form" label-position="left" label-width="150px">
<el-form :model="form" :label-position="mobile ? 'top' : 'left'" label-width="150px">
<el-row>
<el-col :span="1"><br /></el-col>
<el-col :xs="24" :sm="20" :md="15" :lg="12" :xl="12">
@ -168,7 +168,7 @@
</template>
<script lang="ts" setup>
import { ref, reactive, onMounted } from 'vue';
import { ref, reactive, onMounted, computed } from 'vue';
import { ElForm } from 'element-plus';
import { getSettingInfo, updateSetting, getSystemAvailable } from '@/api/modules/setting';
import { GlobalStore } from '@/store';
@ -194,6 +194,10 @@ const { isProductPro } = storeToRefs(globalStore);
const { switchTheme } = useTheme();
const mobile = computed(() => {
return globalStore.isMobile();
});
const form = reactive({
userName: '',
password: '',

13
frontend/src/views/setting/safe/index.vue
View File

@ -2,7 +2,12 @@
<div>
<LayoutContent v-loading="loading" :title="$t('setting.safe')" :divider="true">
<template #main>
<el-form :model="form" v-loading="loading" label-position="left" label-width="150px">
<el-form
:model="form"
v-loading="loading"
:label-position="mobile ? 'top' : 'left'"
label-width="150px"
>
<el-row>
<el-col :span="1"><br /></el-col>
<el-col :xs="24" :sm="20" :md="15" :lg="12" :xl="12">
@ -178,7 +183,7 @@
</template>
<script lang="ts" setup>
import { ref, reactive, onMounted } from 'vue';
import { ref, reactive, onMounted, computed } from 'vue';
import { ElForm, ElMessageBox } from 'element-plus';
import PortSetting from '@/views/setting/safe/port/index.vue';
import BindSetting from '@/views/setting/safe/bind/index.vue';
@ -209,6 +214,10 @@ const sslInfo = ref<Setting.SSLInfo>();
const domainRef = ref();
const allowIPsRef = ref();
const mobile = computed(() => {
return globalStore.isMobile();
});
const form = reactive({
serverPort: 9999,
ipv6: 'disable',