mirror of
https://github.com/YMFE/yapi.git
synced 2025-01-18 13:04:46 +08:00
feat: 所有页面添加宽度限制
This commit is contained in:
parent
927538b148
commit
b3325f6427
@ -1,4 +1,5 @@
|
||||
@import '../../styles/common.scss';
|
||||
@import '../../styles/mixin.scss';
|
||||
|
||||
.footer{
|
||||
// max-width: 12rem;
|
||||
@ -31,7 +32,7 @@
|
||||
z-index: 1;
|
||||
}
|
||||
.footContent{
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
width:90%;
|
||||
margin:0px auto;
|
||||
overflow: hidden;
|
||||
@ -52,7 +53,7 @@
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.copyRight{
|
||||
padding: 24px 2%;
|
||||
@ -68,4 +69,4 @@
|
||||
position: relative;
|
||||
text-indent: 0em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -1,4 +1,6 @@
|
||||
@import '../../styles/common.scss';
|
||||
@import '../../styles/mixin.scss';
|
||||
|
||||
$color-white : #fff;
|
||||
$color-blue : #108ee9;
|
||||
$color-blue-deeper: #34495E;
|
||||
@ -20,7 +22,7 @@ $color-black-light : #404040;
|
||||
z-index: 99;
|
||||
// 内容宽度
|
||||
.content {
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
margin: 0 auto;
|
||||
zoom: 1;
|
||||
overflow: hidden;
|
||||
@ -85,4 +87,3 @@ $color-black-light : #404040;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -1,3 +1,3 @@
|
||||
export default {
|
||||
PAGE_LIMIT: 10, // 默认每页展示10条数据
|
||||
PAGE_LIMIT: 10 // 默认每页展示10条数据
|
||||
}
|
||||
|
@ -1,3 +1,5 @@
|
||||
@import '../../styles/mixin.scss';
|
||||
|
||||
.add-interface-box {
|
||||
-webkit-box-flex: 1;
|
||||
font-size: .14rem;
|
||||
@ -5,7 +7,7 @@
|
||||
overflow-y: auto;
|
||||
|
||||
.content {
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
margin: 24px auto;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
|
||||
@ -169,7 +171,7 @@
|
||||
color: #CCC;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* .mock-url-box.css */
|
||||
.mock-url-box {
|
||||
clear: both;
|
||||
|
@ -1,4 +1,5 @@
|
||||
@import '../../styles/common.scss';
|
||||
@import '../../styles/mixin.scss';
|
||||
|
||||
$color-white : #fff;
|
||||
$color-blue-lighter : #f1f5ff;
|
||||
@ -47,10 +48,10 @@ $color-black-lighter: #404040;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
margin: 1rem auto 0;
|
||||
.user-des{
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
margin: 0 auto .5rem;
|
||||
text-align: center;
|
||||
.title{
|
||||
@ -106,7 +107,7 @@ $color-black-lighter: #404040;
|
||||
}
|
||||
}
|
||||
.container{
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
margin: 0 auto;
|
||||
height:100%;
|
||||
position: relative;
|
||||
@ -154,5 +155,3 @@ $color-black-lighter: #404040;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
@ -1,6 +1,8 @@
|
||||
@import '../../styles/mixin.scss';
|
||||
|
||||
/* .interface-box.css */
|
||||
.interface-box {
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
margin: 24px auto;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
|
||||
|
@ -1,6 +1,8 @@
|
||||
@import '../../styles/mixin.scss';
|
||||
|
||||
/* .interface-box.css */
|
||||
.news-box {
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
margin: .88rem auto 0 auto;
|
||||
|
@ -1,16 +1,18 @@
|
||||
@import '../../styles/mixin.scss';
|
||||
|
||||
/* .user-box.css */
|
||||
.user-box {
|
||||
max-width: 11rem;
|
||||
@include row-width-limit;
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
margin: .88rem auto 0 auto;
|
||||
// font-size: 0.14rem;
|
||||
|
||||
|
||||
|
||||
|
||||
margin-top: 40px;
|
||||
margin-bottom: 55px;
|
||||
|
||||
|
||||
|
||||
|
||||
.user-list {
|
||||
width: 216px;
|
||||
@ -19,7 +21,7 @@
|
||||
border-radius:5px;
|
||||
margin-top: 15px;
|
||||
.search{
|
||||
margin: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
ul{border:none}
|
||||
}
|
||||
@ -38,7 +40,7 @@
|
||||
.user-table {
|
||||
-webkit-box-flex: 1;
|
||||
padding: 24px;
|
||||
margin-left: 15px;
|
||||
margin-left: 15px;
|
||||
border-radius:5px;
|
||||
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
|
||||
background: #FFF;
|
||||
@ -96,4 +98,4 @@
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user