Commit 3ff89a07 authored by BugKing's avatar BugKing
Browse files

style: 调整多处样式使布局更加紧凑

parent 7df69601
No related merge requests found
Showing with 19 additions and 97 deletions
+19 -97
......@@ -4,7 +4,6 @@
<el-card class="table-card" v-loading="result.loading">
<template v-slot:header>
<ms-table-header :condition.sync="condition" @search="search"
:title="$t('api_report.title')"
:show-create="false"/>
</template>
<el-table ref="reportListTable" border :data="tableData" class="adjust-table table-content" @sort-change="sort"
......@@ -133,7 +132,7 @@ export default {
selectAll: false,
unSelection: [],
selectDataCounts: 0,
screenHeight: 'calc(100vh - 295px)',
screenHeight: 'calc(100vh - 200px)',
}
},
......
......@@ -224,7 +224,7 @@
<style scoped>
.metric-container {
padding: 20px;
padding: 5px 10px;
}
.metric-container #chart {
......
......@@ -35,7 +35,7 @@
<style scoped>
.metric-container {
padding: 20px;
padding: 5px 10px;
}
.metric {
......
......@@ -62,7 +62,7 @@
.text-container .pane {
background-color: #F9F9F9;
padding: 10px;
padding: 1px 0;
height: 250px;
overflow-y: auto;
}
......
......@@ -142,7 +142,7 @@ export default {
.text-container .pane {
background-color: #F5F5F5;
padding: 0 10px;
padding: 1px 0;
height: 250px;
overflow-y: auto;
}
......
......@@ -84,12 +84,5 @@
</script>
<style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
</style>
......@@ -288,7 +288,7 @@ export default {
type: API_SCENARIO_LIST,
fields: getCustomTableHeader('API_SCENARIO'),
fieldsWidth: getCustomTableWidth('API_SCENARIO'),
screenHeight: 'calc(100vh - 275px)',//屏幕高度,
screenHeight: 'calc(100vh - 220px)',//屏幕高度,
condition: {
components: API_SCENARIO_CONFIGS
},
......@@ -942,7 +942,7 @@ export default {
padding: 10px;
}
/deep/ .el-table__fixed-body-wrapper {
/* /deep/ .el-table__fixed-body-wrapper {
top: 60px !important;
}
} */
</style>
......@@ -1259,7 +1259,7 @@ export default {
<style scoped>
.card-content {
height: calc(100vh - 196px);
height: calc(100vh - 156px);
overflow-y: auto;
}
......@@ -1282,13 +1282,6 @@ export default {
padding: 7px;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
.ms-api-col {
background-color: #7C3985;
border-color: #7C3985;
......@@ -1318,7 +1311,7 @@ export default {
}
/deep/ .el-card__body {
padding: 10px;
padding: 6px 10px;
}
/deep/ .el-drawer__body {
......
......@@ -431,15 +431,7 @@ export default {
}
/deep/ .el-card__body {
padding: 10px;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
padding: 6px 10px;
}
.icon.is-active {
......
......@@ -171,7 +171,7 @@
<style scoped>
/deep/ .el-card__body {
padding: 15px;
padding: 6px 10px;
}
.icon.is-active {
......
......@@ -1041,13 +1041,6 @@ export default {
padding: 7px;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
}
.ms-api-col {
background-color: #7C3985;
border-color: #7C3985;
......@@ -1077,7 +1070,7 @@ export default {
}
/deep/ .el-card__body {
padding: 5px;
padding: 6px 10px;
}
/deep/ .el-drawer__body {
......
......@@ -187,6 +187,6 @@
}
/deep/ .el-card__body {
padding: 15px;
padding: 6px 10px;
}
</style>
......@@ -432,14 +432,6 @@
color: white;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
.is-selected {
background: #EFF7FF;
}
......
......@@ -447,7 +447,7 @@ export default {
<style scoped>
.ms-drawer >>> .ms-drawer-body {
margin-top: 80px;
margin-top: 40px;
}
</style>
......@@ -117,11 +117,5 @@
</script>
<style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 20px 0px;
}
</style>
......@@ -365,14 +365,6 @@
width: 100%;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
.ms-http-textarea {
width: 100%;
}
......
......@@ -114,11 +114,5 @@ export default {
</script>
<style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 20px 0px;
}
</style>
......@@ -194,11 +194,5 @@ export default {
</script>
<style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px 20px 0px;
}
</style>
......@@ -159,11 +159,5 @@
</script>
<style scoped>
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 0px;
}
</style>
......@@ -247,12 +247,4 @@
width: 500px;
margin-top: 5px;
}
.tip {
padding: 3px 5px;
font-size: 16px;
border-radius: 4px;
border-left: 4px solid #783887;
margin: 20px 0;
}
</style>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment