From 37456883e626cd69c9ba6c67b3f8c4a457e316e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E9=99=8C?= <xiaomo.drip@gmail.com>
Date: Sun, 6 Aug 2023 12:50:39 +0800
Subject: [PATCH] no message

---
 src/style/app.scss                 |  7 ++++++-
 src/style/fix.scss                 | 15 ++++++++++-----
 src/views/system/log/index.vue     |  2 +-
 src/views/system/setting/index.vue | 14 ++++++++++++--
 4 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/style/app.scss b/src/style/app.scss
index 9262081..24d8443 100644
--- a/src/style/app.scss
+++ b/src/style/app.scss
@@ -100,4 +100,9 @@ a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: bo
 .main-maximize-exit:hover {background: rgba(0,0,0,0.4);}
 
 /*定宽页面*/
-.sc-page {width: 1230px;margin: 0 auto;}
+.x-page {width: 1230px;margin: 0 auto;}
+
+
+.el-table--default {
+    font-size: 14px;
+}
diff --git a/src/style/fix.scss b/src/style/fix.scss
index 297a7ec..307c6b1 100644
--- a/src/style/fix.scss
+++ b/src/style/fix.scss
@@ -64,9 +64,6 @@
 .el-button-group+.el-dropdown {margin-left: 10px;}
 .el-button-group+.el-button-group {margin-left: 10px;}
 .el-tabs__nav-wrap::after {height: 1px;}
-.el-table th.is-sortable {transition: .1s;}
-.el-table th.is-sortable:hover {background: #eee;}
-.el-table .el-table__body-wrapper {background: #f6f8f9;}
 .el-col .el-card {margin-bottom: 15px;}
 .el-main {flex-basis: 100%;}
 .el-main > .xTable .el-table--border::before {display: none;}
@@ -76,8 +73,16 @@
 .el-main > .xTable .el-table--border .el-table__inner-wrapper tr:first-child td:first-child {border-left: 0;}
 .el-main > .xTable .el-table--border .el-table__inner-wrapper tr:first-child th:first-child {border-left: 0;}
 .el-table.el-table--large {font-size: 14px;}
-.el-table.el-table--small {font-size: 12px;}
-.el-table {font-size: 12px;}
+.el-table {font-size: 13px;}
+
+.el-table th.is-sortable {transition: .1s;}
+.el-table th.is-sortable:hover {background: #eee;}
+.el-table .el-table__body-wrapper {background: #f6f8f9;}
+
+.el-descriptions__body .el-descriptions__table .el-descriptions__cell{
+	font-size: 13px;
+}
+
 .el-radio-button__inner {font-size: 12px;}
 .el-checkbox-button__inner {font-size: 12px;}
 .el-sub-menu .el-icon {font-size: 17px;}
diff --git a/src/views/system/log/index.vue b/src/views/system/log/index.vue
index 8188aac..b619880 100644
--- a/src/views/system/log/index.vue
+++ b/src/views/system/log/index.vue
@@ -16,7 +16,7 @@
 					</el-header>
 					<el-main class="nopadding">
 						<xTable ref="table" :api="api" :params="params" :tableColumn="tableColumn" stripe highlightCurrentRow @row-click="rowClick">
-							<el-table-column type="index" width="55">
+							<el-table-column type="index" width="60" align="center">
 								<template #default="scope">
 									<span>{{scope.$index+(currentPage - 1) * limit + 1}}</span>
 								</template>
diff --git a/src/views/system/setting/index.vue b/src/views/system/setting/index.vue
index d11cced..c5ffd93 100644
--- a/src/views/system/setting/index.vue
+++ b/src/views/system/setting/index.vue
@@ -3,7 +3,7 @@
 		<el-main>
 			<el-card shadow="never" class="setting">
 				<x-page-header title="系统设置" description="可以配置和修改网站的各种设置" icon="el-icon-setting"></x-page-header>
-				<el-tabs tab-position="left" v-model="activename"  v-loading="loading">
+				<el-tabs :tab-position="tabposition" v-model="activename"  v-loading="loading">
 					<el-tab-pane v-for="item in settingList" :key="item.key" :label="item.name" :name="item.key">
 						<x-form ref="formref" :config="formList[item.key]" v-model="info" :loading="loading"> </x-form>
 					</el-tab-pane>
@@ -80,8 +80,10 @@
 	    margin: 0;
 	    text-align: center;	
 	}
-	
 
+	.setting /deep/ .el-tabs--top .el-tabs__item {
+		padding: 0px 20px;
+	}
 </style>
 
 
@@ -92,6 +94,7 @@
 			return {
 				info: {},
 				activename:'init',
+				tabposition:'left',
 				settingList:[],
 				extend:[],
 				formList:{},
@@ -102,7 +105,14 @@
 		mounted() {
 			this.render()
 		},
+		created() {
+			this.onLayoutResize();
+			window.addEventListener('resize', this.onLayoutResize);
+		},
 		methods: {
+			onLayoutResize(){
+				this.tabposition = document.body.clientWidth < 992 ? 'top' : 'left'
+			},
 			render(){
 				this.loading = true;
 				setTimeout(async ()=>{