style: 时间选择器 样式调整
This commit is contained in:
@@ -81,13 +81,14 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
font-size: 14px;
|
||||
|
||||
color: $--color-text-regular;
|
||||
.utc-str {
|
||||
line-height: 44px;
|
||||
text-align: right;
|
||||
span{
|
||||
font-size: 12px;
|
||||
background: $--background-color-2;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -113,6 +114,7 @@
|
||||
}
|
||||
|
||||
.date-range-text {
|
||||
color: $--color-text-regular;
|
||||
font-size: 14px;
|
||||
// min-width: 150px;
|
||||
flex-direction: row;
|
||||
@@ -121,8 +123,8 @@
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
height: 26px;
|
||||
background: #FFFFFF;
|
||||
// border: 1px solid #E7EAED;
|
||||
background: $--background-color-empty;
|
||||
border: 1px solid $--border-color-light;
|
||||
box-shadow: 0 2px 4px 0 rgba(51, 51, 51, 0.02);
|
||||
border-radius: 2px;
|
||||
line-height: 26px;
|
||||
@@ -144,7 +146,7 @@
|
||||
|
||||
.date-range-title {
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
color: $--color-text-regular;
|
||||
font-weight: 600;
|
||||
padding: 14px 0 7px 8px;
|
||||
}
|
||||
@@ -194,12 +196,12 @@
|
||||
flex: 1;
|
||||
.el-input__inner{
|
||||
border: 1px solid $--border-color-light;
|
||||
border-radius: 2px 0px 0px 2px;
|
||||
border-radius: 2px;
|
||||
width: 230px;
|
||||
padding: 0 8px;
|
||||
//height: 30px;
|
||||
//line-height: 30px;
|
||||
outline: #169AFF;
|
||||
//outline: #169AFF;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -209,17 +211,22 @@
|
||||
.nz-icon-box{
|
||||
height: 28px;
|
||||
box-sizing: border-box;
|
||||
background: $--background-color-disabled;
|
||||
background: $--background-color-2;
|
||||
line-height: 28px;
|
||||
padding: 0 4px;
|
||||
border-radius: 0 2px 2px 0;
|
||||
|
||||
border-radius: 2px;
|
||||
color: $--color-text-regular;
|
||||
border: 1px solid $--border-color-base;
|
||||
margin-left: 4px;
|
||||
.nz-icon{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
&.input-error{
|
||||
.el-input{
|
||||
.el-input__inner{
|
||||
border: 1px solid $--color-danger;
|
||||
outline: $--color-danger;
|
||||
//outline: $--color-danger;
|
||||
}
|
||||
}
|
||||
.input-hint{
|
||||
|
||||
@@ -34,7 +34,7 @@ $--left-menu-background-color-hover: $--left-menu-background-color-active;
|
||||
// 标题字色(覆盖element-ui内置变量)
|
||||
$--color-text-primary: #333333;
|
||||
// 普通字色(覆盖element-ui内置变量)
|
||||
$--color-text-regular: #666665;
|
||||
$--color-text-regular: #666666;
|
||||
// 次要字色(覆盖element-ui内置变量)
|
||||
$--color-text-secondary: #999998;
|
||||
// 链接字色
|
||||
|
||||
Reference in New Issue
Block a user