style: 时间选择器 样式调整

This commit is contained in:
zhangyu
2022-04-24 18:31:26 +08:00
parent 9914919747
commit 79b8804f7e
2 changed files with 18 additions and 11 deletions

View File

@@ -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{

View File

@@ -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;
// 链接字色