62 lines
1.1 KiB
SCSS
62 lines
1.1 KiB
SCSS
.el-header {
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 72px;
|
|
padding: 0 15px 0 0;
|
|
background: linear-gradient(to right, #0e63d9 0%, #00378f 100%);
|
|
border-bottom: 1px solid #f1f1f1;
|
|
margin-bottom: 20px;
|
|
.header-lf {
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
.logo {
|
|
flex-shrink: 0;
|
|
|
|
// width: 210px;
|
|
margin-left: 16px;
|
|
cursor: pointer;
|
|
span {
|
|
height: 36px;
|
|
font-size: 24px;
|
|
line-height: 36px;
|
|
|
|
// font-weight: bold;
|
|
color: #dadada;
|
|
white-space: nowrap;
|
|
}
|
|
img {
|
|
width: 28px;
|
|
height: 28px;
|
|
// object-fit: contain;
|
|
margin-right: 6px;
|
|
}
|
|
}
|
|
}
|
|
:deep(.tool-bar-lf) {
|
|
color: #ffffff;
|
|
.el-breadcrumb__inner.is-link {
|
|
color: #e5eaf3;
|
|
&:hover {
|
|
color: var(--el-color-primary);
|
|
}
|
|
}
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner,
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
|
|
color: #cfd3dc;
|
|
}
|
|
}
|
|
:deep(.tool-bar-ri) {
|
|
// display: flex;
|
|
// align-items: center;
|
|
.toolBar-icon,
|
|
.username {
|
|
color: #e5eaf3;
|
|
}
|
|
}
|
|
}
|