update header designs

This commit is contained in:
Mutasem 2021-05-27 17:55:46 +03:00
parent 8d9db64502
commit bb1b090bdb
2 changed files with 16 additions and 7 deletions

View file

@ -138,24 +138,30 @@ export default mixins(externalHooks).extend({
} }
.el-input { .el-input {
background-color: #fff; background-color: $--node-creator-search-background-color;
min-height: 60px; color: $--node-creator-search-placeholder-color;
font-size: 18px;
/deep/ input, input:focus { /deep/ input, input:focus {
border: 1px solid #DBDFE7; border: 1px solid $--node-creator-border-color;
border-radius: 0; border-radius: 0;
min-height: 60px; min-height: 60px;
} }
} }
.type-selector { .type-selector {
height: 50px;
text-align: center; text-align: center;
background-color: $--node-creator-select-background-color; background-color: $--node-creator-select-background-color;
} border-right: 1px solid $--node-creator-border-color;
border-left: 1px solid $--node-creator-border-color;
.type-selector >>> .el-tabs__nav { /deep/ .el-tabs > div {
padding-bottom: 10px; margin-bottom: 0;
.el-tabs__nav {
height: 43px;
}
}
} }
.no-results { .no-results {

View file

@ -44,3 +44,6 @@ $--table-current-row-background: $--table-row-hover-background;
$--node-creator-width: 385px; $--node-creator-width: 385px;
$--node-creator-select-background-color: #f2f4f8; $--node-creator-select-background-color: #f2f4f8;
$--node-creator-background-color: #fff; $--node-creator-background-color: #fff;
$--node-creator-search-placeholder-color: #909399;
$--node-creator-search-background-color: #fff;
$--node-creator-border-color: #dBdfe7;