|
@@ -18,7 +18,7 @@ body {
|
|
|
&.tablet {
|
|
|
.ant-layout-content {
|
|
|
.content {
|
|
|
- margin: 24px 0 0;
|
|
|
+ margin: 12px 0 0;
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -61,7 +61,7 @@ body {
|
|
|
|
|
|
.trigger {
|
|
|
font-size: 20px;
|
|
|
- line-height: 64px;
|
|
|
+ line-height: 44px;
|
|
|
padding: 0 24px;
|
|
|
cursor: pointer;
|
|
|
transition: color 0.3s;
|
|
@@ -94,7 +94,7 @@ body {
|
|
|
position: fixed;
|
|
|
z-index: 8;
|
|
|
width: 100%;
|
|
|
- top: 64px;
|
|
|
+ top: 44px;
|
|
|
right:0;
|
|
|
margin: auto;
|
|
|
}
|
|
@@ -147,7 +147,7 @@ body {
|
|
|
position: fixed;
|
|
|
z-index: 8;
|
|
|
width: 100%;
|
|
|
- top: 64px;
|
|
|
+ top: 44px;
|
|
|
right:0;
|
|
|
margin: auto;
|
|
|
&.ant-header-side-opened {
|
|
@@ -161,13 +161,16 @@ body {
|
|
|
}
|
|
|
|
|
|
.header {
|
|
|
- height: 64px;
|
|
|
+ height: 44px;
|
|
|
padding: 0 12px 0 0;
|
|
|
background: #fff;
|
|
|
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
|
|
position: relative;
|
|
|
}
|
|
|
-
|
|
|
+ .ant-layout-header{
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ }
|
|
|
.header,
|
|
|
.top-nav-header-index {
|
|
|
.user-wrapper {
|
|
@@ -227,9 +230,9 @@ body {
|
|
|
}
|
|
|
|
|
|
.logo.top-nav-header {
|
|
|
- flex: 0 0 56px;
|
|
|
+ flex: 0 0 36px;
|
|
|
text-align: center;
|
|
|
- line-height: 58px;
|
|
|
+ line-height: 38px;
|
|
|
h1 {
|
|
|
display: none;
|
|
|
}
|
|
@@ -279,14 +282,14 @@ body {
|
|
|
margin: auto;
|
|
|
padding-left: 0;
|
|
|
display: flex;
|
|
|
- height: 64px;
|
|
|
+ height: 44px;
|
|
|
|
|
|
.ant-menu.ant-menu-horizontal {
|
|
|
max-width: 835px;
|
|
|
flex: 0 1 835px;
|
|
|
border: none;
|
|
|
- height: 64px;
|
|
|
- line-height: 64px;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
}
|
|
|
|
|
|
.header-index-left {
|
|
@@ -296,9 +299,9 @@ body {
|
|
|
.logo.top-nav-header {
|
|
|
flex: 0 0 auto;
|
|
|
width: auto;
|
|
|
- height: 64px;
|
|
|
+ height: 44px;
|
|
|
position: relative;
|
|
|
- line-height: 64px;
|
|
|
+ line-height: 44px;
|
|
|
transition: all 0.3s;
|
|
|
overflow: hidden;
|
|
|
|
|
@@ -324,7 +327,7 @@ body {
|
|
|
.header-index-right {
|
|
|
flex: 0 0 238px;
|
|
|
align-self: flex-end;
|
|
|
- height: 64px;
|
|
|
+ height: 44px;
|
|
|
overflow: hidden;
|
|
|
|
|
|
.content-box {
|
|
@@ -414,10 +417,10 @@ body {
|
|
|
|
|
|
.logo {
|
|
|
position: relative;
|
|
|
- height: 64px;
|
|
|
+ height: 44px;
|
|
|
padding-left: 10px;
|
|
|
overflow: hidden;
|
|
|
- line-height: 64px;
|
|
|
+ line-height: 44px;
|
|
|
background: #002140;
|
|
|
transition: all .3s;
|
|
|
|
|
@@ -654,6 +657,21 @@ body {
|
|
|
border-color: #531dab;
|
|
|
}
|
|
|
}
|
|
|
+.ant-btn-primary.button-grey {
|
|
|
+ background-color: #82848a;
|
|
|
+ border-color: #82848a;
|
|
|
+ margin: 0 5px;
|
|
|
+ font-size: 12px;
|
|
|
+ &:hover, &:focus {
|
|
|
+ background-color: #909399;
|
|
|
+ border-color: #909399;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ background-color: #c8c9cc;
|
|
|
+ border-color: #c8c9cc;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
// btn-link
|
|
|
.ant-btn-link.button-primary {
|
|
@@ -731,4 +749,14 @@ body {
|
|
|
&:active, &.active {
|
|
|
color: #531dab;
|
|
|
}
|
|
|
+}
|
|
|
+.ant-btn-link.button-grey {
|
|
|
+ color: #82848a;
|
|
|
+ &:hover, &:focus {
|
|
|
+ color: #909399;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:active, &.active {
|
|
|
+ color: #c8c9cc;
|
|
|
+ }
|
|
|
}
|